Skip to content

Commit

Permalink
Update About.html
Browse files Browse the repository at this point in the history
  • Loading branch information
tranthanhvi authored Dec 15, 2021
1 parent 3edb589 commit 1b88cb9
Showing 1 changed file with 80 additions and 71 deletions.
151 changes: 80 additions & 71 deletions About.html
Original file line number Diff line number Diff line change
Expand Up @@ -65,82 +65,91 @@ <h3>Photographer</h3>


<!--Background info and picture-->

<!--This grid layout contains six columns and 4 rows-->
<div class="grid-container">
<div class="portrait"><a href="https://www.instagram.com/shepaar/"><img class="shepar-portrait"
src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/portrait.jpg?raw=true"
width="600"></a>
</div>
<div class="title-name mutual-title">
<h1>Shepar Chowdhury</h1>
<div class="grid-container flex-container-about">
<div>
<div class="portrait"><a href="https://www.instagram.com/shepaar/"><img class="shepar-portrait"
src="https://github.com/tranthanhvi/tranthanhvi.github.io/blob/main/portrait.jpg?raw=true"
width="600"></a>
</div>
</div>
<div class="background-info" style="text-align: justify;">Shepar Chowdhury is a Bangladeshi 30-year-old man who
extremely
passionate about painting and taking
photos. Having lived in Finland for 15 years, now he's running his own business with a Fafa's
restaurant and continues his passion for travelling photography. Most of the photos were taken
during trips throughout Finland and neighboring countries.</div>
<div class="contact-info">
<p style="display: inline-block;">Instagram:</p>
<a style="color: black; display: inline-block;" href="https://www.instagram.com/shepaar/">@shepaar</a>
<div>
<div class="title-name mutual-title">
<h1>Shepar Chowdhury</h1>
</div>
<div class="background-info" style="text-align: justify;">Shepar Chowdhury is a Bangladeshi 30-year-old man
who
extremely
passionate about painting and taking
photos. Having lived in Finland for 15 years, now he's running his own business with a Fafa's
restaurant and continues his passion for travelling photography. Most of the photos were taken
during trips throughout Finland and neighboring countries.</div>
</div>
</div>
<!--Contact Info-->
<footer>
<div class="contact-container">
<h1>Contact</h1>

<div class="contact-item">
<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">
<path fill="currentColor"
d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z">
</path>
</svg>
</div>
<br>

<div>[email protected]</div>
</div>
<hr>
<!--FOOTER-->
<!--Contact info using table-->

<div class="contact-item">
<div class="contact-symbol"><svg aria-hidden="true" focusable="false" data-prefix="fas"
data-icon="phone" class="svg-inline--fa fa-phone fa-w-16" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor"
d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z">
</path>
</svg>
</div>
<br>
<div>
0705348906
</div>
</div>

<div class="contact-item">
<div class="contact-symbol">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram"
class="svg-inline--fa fa-instagram fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path fill="currentColor"
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
</path>
</svg>
</div>
<br>
<div>
<a style="color:black" href="https://www.instagram.com/shepaar/">@shepaar</a>
</div>
<!--Validator symbol-->
</div>
</div>
<div class="validator-icon">
<img src="https://www.w3.org/Icons/valid-css-blue" alt="Validator icon">
</div>
</footer>
<div class="contact-table">
<h3>Contact</h3>
<table>
<tr>
<th>
<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">
<path fill="currentColor"
d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z">
</path>
</svg>
</div>
</th>
<th>
<div>[email protected]</div>
</th>
</tr>
<tr>
<td>
<div class="contact-symbol"><svg aria-hidden="true" focusable="false" data-prefix="fas"
data-icon="phone" class="svg-inline--fa fa-phone fa-w-16" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path fill="currentColor"
d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z">
</path>
</svg>
</div>
</td>
<td>
<div>
0705348906
</div>
</td>
</tr>
<tr>
<td>
<div class="contact-symbol">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram"
class="svg-inline--fa fa-instagram fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512">
<path fill="currentColor"
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
</path>
</svg>
</div>
</td>
<td>
<div>
<a style="color:black" href="https://www.instagram.com/shepaar/">@shepaar</a>
</div>
</td>
</tr>
</table>
</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>
</div>
</body>

</html>

0 comments on commit 1b88cb9

Please sign in to comment.