You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
2.3 KiB
HTML
61 lines
2.3 KiB
HTML
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>(PORTFOLIO) Sufyaan's Webpage</title>
|
||
|
|
<link rel="icon" type="image/x-icon" href="images/favicon.webp">
|
||
|
|
<link rel='stylesheet' type='text/css' href="style.css">
|
||
|
|
<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
|
||
|
|
<meta charset="utf-8"/>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<a href="."><img src="images/titan-header.webp" alt="TitanElectrons" class="center" style="padding-bottom:3vw;padding-top:3vw;"></a>
|
||
|
|
<hr/>
|
||
|
|
<h1><i class="fa fa-pencil" aria-hidden="true"></i>Portfolio</h1>
|
||
|
|
<p class="homepage-body" style="margin-bottom:3vw">I have worked on numerous design projects over the years. This page is a collection of all my best works for reference.</p>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="main">
|
||
|
|
<div class="responsive">
|
||
|
|
<div class="gallery">
|
||
|
|
<a href="industria">
|
||
|
|
<img src="images/industria.webp" alt="Industria" width="600" height="400">
|
||
|
|
</a>
|
||
|
|
<div class="desc">Industria</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="responsive">
|
||
|
|
<div class="gallery">
|
||
|
|
<a href="bitguard">
|
||
|
|
<img src="images/bitguard.webp" alt="BitGuard" width="600" height="400">
|
||
|
|
</a>
|
||
|
|
<div class="desc">BitGuard</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="responsive">
|
||
|
|
<div class="gallery">
|
||
|
|
<a href="wm-tours">
|
||
|
|
<img src="images/wm-tours.webp" alt="WM Tours" width="600" height="400">
|
||
|
|
</a>
|
||
|
|
<div class="desc">WM Tours</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="responsive">
|
||
|
|
<div class="gallery">
|
||
|
|
<a href="sihu">
|
||
|
|
<img src="images/sihu.webp" alt="Sihu" width="600" height="400">
|
||
|
|
</a>
|
||
|
|
<div class="desc">Sihu</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="clearfix"></div>
|
||
|
|
</div>
|
||
|
|
<p>All logos shown in this portfolio are mine. However, some of the images used for aesthetic purposes in my portfolio are not mine. Please visit <a href="credits">this page</a> to view the original images and download them.</p>
|
||
|
|
<p>If you love my work and want to hire me for work, please visit the contact page for more information. Please note that <em>prices are based on product value.</em> My prices are not fixed and will change depending on the type of logo or brand you want me to design.</p>
|
||
|
|
<hr/>
|
||
|
|
<footer>
|
||
|
|
<p class="footer-text"><a href="../">personal website</a> - <a href="../about">about</a> - <a href="../portfolio">portfolio</a></a></p>
|
||
|
|
</footer>
|