-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3edb589
commit 1b88cb9
Showing
1 changed file
with
80 additions
and
71 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -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> |