Skip to content

Commit

Permalink
Update About.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@tranthanhvi
tranthanhvi authored Dec 17, 2021
1 parent 31ee96b commit 47ac183
Showing 1 changed file with 57 additions and 53 deletions.
110 changes: 57 additions & 53 deletions About.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,55 +14,58 @@

<body>
<!-- Main Menu -->
<div class="main">
<!--Title-->
<div class="mutual-title">
<h1 class="shepar">Shep@r</h1>
<h3>Photographer</h3>
</div>
<div class="nav">
<!-- Nav PC -->
<nav class="nav-pc">
<ul class="nav-container">
<li class="nav-item"><a class="link-nav" href="index.html">Home</a></li>
<li class="nav-item"><a class="link-nav" href="About.html">About</a></li>
</ul>
</nav>
<!-- Nav bars button-->
<label for="nav-mobile-input" class="nav-button">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars"
class="svg-inline--fa fa-bars fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path fill="currentColor"
d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z">
</path>
</svg>
</label>
<input type="checkbox" name="" id="nav-mobile-input" class="nav-input">
<!--The overlay-->
<label for="nav-mobile-input" class="nav-overlay"></label>
<!--Nav Mobile-->
<nav class="nav-mobile">
<ul class="nav-mobile-container">
<li class="nav-mobile-item-"><a class="nav-mobile-link" href="index.html">Home</a></li>
<li class="nav-mobile-item"><a class="nav-mobile-link" href="About.html">About</a></li>
</ul>
<label for="nav-mobile-input" class="nav-mobile-close">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times"
class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 352 512">
<path fill="currentColor"
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z">
</path>
</svg>
</label>
</nav>


</div>
<table>
<tr>
<td>
<div class="mutual-title">
<h1 class="shepar">Shep@r</h1>
<h3>Photographer</h3>
</div>
</td>
<td>
<div class="nav">
<!-- Nav PC -->
<nav class="nav-pc">
<ul class="nav-container">
<li class="nav-item"><a class="link-nav" href="index.html">Home</a></li>
<li class="nav-item"><a class="link-nav" href="About.html">About</a></li>
</ul>
</nav>
<!-- Nav bars button-->
<label for="nav-mobile-input" class="nav-button">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars"
class="svg-inline--fa fa-bars fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path fill="currentColor"
d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z">
</path>
</svg>
</label>
<input type="checkbox" name="" id="nav-mobile-input" class="nav-input">
<!--The overlay-->
<label for="nav-mobile-input" class="nav-overlay"></label>
<!--Nav Mobile-->
<nav class="nav-mobile">
<ul class="nav-mobile-container">
<li class="nav-mobile-item"><a class="nav-mobile-link" href="index.html">Home</a></li>
<li class="nav-mobile-item"><a class="nav-mobile-link" href="About.html">About</a></li>
</ul>
<label for="nav-mobile-input" class="nav-mobile-close">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times"
class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 352 512">
<path fill="currentColor"
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z">
</path>
</svg>
</label>
</nav>

</div>

</div>
</td>
</tr>
</table>

<!--Background info and picture-->
<!--This grid layout contains six columns and 4 rows-->
Expand All @@ -87,14 +90,14 @@ <h1>Shepar Chowdhury</h1>
</div>
</div>
<hr>
<!--FOOTER-->
<!--FOOTER-->
<!--Contact info using table-->

<div class="contact-table">
<h3>Contact</h3>
<table>
<tr>
<th>
<td>
<div class="contact-symbol"><svg aria-hidden="true" focusable="false" data-prefix="far"
data-icon="envelope" class="svg-inline--fa fa-envelope fa-w-16" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
Expand All @@ -103,10 +106,10 @@ <h3>Contact</h3>
</path>
</svg>
</div>
</th>
<th>
</td>
<td>
<div>[email protected]</div>
</th>
</td>
</tr>
<tr>
<td>
Expand Down Expand Up @@ -147,7 +150,8 @@ <h3>Contact</h3>
</div>
<!--Validator symbol-->
<div class="validator-icon">
<a href="https://validator.w3.org/" target="_blank"><img src="https://www.w3.org/Icons/valid-css-blue" alt="Validator icon">
<a href="https://validator.w3.org/" target="_blank"><img src="https://www.w3.org/Icons/valid-css-blue"
alt="Validator icon">
</a>
</div>
</body>
Expand Down

0 comments on commit 47ac183

Please sign in to comment.