sufyaan
/
sufyaan-website
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updating portfolio + updating peertube link in links

Browse Source
main
TitanElectrons 1 year ago
parent 1dc9a97eac
commit c33e22e56c
6 changed files with 59 additions and 11 deletions
Show Stats Download Patch File Download Diff File

2
links/index.html
Unescape Escape View File

@ -32,7 +32,7 @@
<ul> <ul>
<li><a style="color:#ff5555" href="https://www.youtube.com/c/TitanElectrons">YouTube</a> - Going to migrate to PeerTube and Odysee</li> <li><a style="color:#ff5555" href="https://www.youtube.com/c/TitanElectrons">YouTube</a> - Going to migrate to PeerTube and Odysee</li>
<li><a style="color:#ff5555" href="https://odysee.com/@TitanElectrons:3">Odysee</a> - Synced with YouTube</li> <li><a style="color:#ff5555" href="https://odysee.com/@TitanElectrons:3">Odysee</a> - Synced with YouTube</li>
<li><a style="color:#ff5555" href="https://tilvids.com/c/titanelectrons_channel/">PeerTube</a> - Synced with YouTube</li> <li><a style="color:#ff5555" href="https://tilvids.com/c/titane/">PeerTube</a> - Synced with YouTube</li>
<li><a style="color:#ff5555" href="https://www.behance.net/titanelectrons">Behance</a> - Going to delete and use this website (<a style="color:#f1fa8c" href="../portfolio">portfolio</a>)</li> <li><a style="color:#ff5555" href="https://www.behance.net/titanelectrons">Behance</a> - Going to delete and use this website (<a style="color:#f1fa8c" href="../portfolio">portfolio</a>)</li>
</ul> </ul>

2
portfolio/about/index.html
Unescape Escape View File

@ -27,7 +27,7 @@
<div class="nonfooter"> <div class="nonfooter">
<p class="footername">Sufyaan A.</p> <p class="footername">Sufyaan A.</p>
<div style="text-align: center;" class="footericons"> <div style="text-align: center;" class="footericons">
<a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a> <a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a><a href="https://www.youtube.com/c/TitanElectrons"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73Z"/></svg></a><a href="https://odysee.com/@TitanElectrons:3"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.965 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-3.209-8.167a7.272 7.272 0 0 1-.799 3.218c-.548.957-2.281 2.77-3.264 3.699a.723.723 0 0 0 .056 1.104c.996.74 2.658 2.151 2.788 3.422c.176 1.835 1.6 4.02 1.675 4.159a.67.67 0 0 1-.105.327a12.067 12.067 0 0 1-2.03 1.898a2.435 2.435 0 0 1-.807.126c-1.944-.04-1.526-1.866-1.712-2.905s-.78-3.085-2.716-2.788c0 0 .484 4.243-1.489 5.546s-5.843 2.27-6.55-.408s2.46-2.384 2.684-2.384c.223 0 2.233-.632 1.267-2.53c-.967-1.898-2.01-3.5-2.01-3.5a11.37 11.37 0 0 0-2.735 1.285a5.42 5.42 0 0 0-1.061.82c-1.065 1.104-2.19 1.713-2.954 1.358a1.368 1.368 0 0 1-.32-.221A11.926 11.926 0 0 1 .1 13.503c.43-.641 2.082-2.038 3.696-2.906c1.304-.702 2.737-.988 3.118-1.355c-.671-2.235-1.882-5.703.832-7.33C9.881.634 12.69-.142 13.77 2.958c1.08 3.1.802 3.796 1.267 3.796c.465 0 1.608.223 2.09-1.75c.356-1.445.574-2.685 1.379-3.087A12 12 0 0 0 12 0a12 12 0 0 0-.035 0zm-.498 2.125c-.353-.019-.78.05-1.303.224c0 0-1.895.52-1.749 2.53c.13 1.777 1.08 2.753 3.053 2.01c1.972-.737 2.31-1.264 1.824-2.753c-.364-1.117-.765-1.956-1.825-2.011zm.48.726a.249.249 0 0 1 .183.07a1.58 1.58 0 0 1 .232.346a.253.253 0 0 1-.197.37a.253.253 0 0 1-.233-.131a1.559 1.559 0 0 0-.148-.232a.256.256 0 0 1 0-.353a.249.249 0 0 1 .163-.07zm3.529.152a.22.22 0 0 1 .192.103a.22.22 0 0 1-.07.305a.22.22 0 1 1-.122-.408zM12.609 4.27a.253.253 0 0 1 .227.133a1.5 1.5 0 0 1 .102.982a.253.253 0 0 1-.246.205h-.049a.253.253 0 0 1-.2-.295a1.013 1.013 0 0 0-.071-.697a.253.253 0 0 1 .237-.328zm-8.035.552a.12.12 0 0 1 .029.003a.12.12 0 1 1-.147.091a.12.12 0 0 1 .118-.094zm15.77 3.419l.273.539l.593.12l-.539.275l-.123.592l-.272-.539l-.592-.123l.538-.272zm-17.767.535a.22.22 0 0 1 .193.104a.22.22 0 0 1-.07.304a.22.22 0 1 1-.123-.408zm16.004 2.79a.258.258 0 0 1 .062.007a.258.258 0 1 1-.31.195a.258.258 0 0 1 .248-.202zM4.914 16.115a.17.17 0 0 1 .165.14a.17.17 0 0 1-.137.197a.17.17 0 1 1-.028-.337zm9.769 4.094a.2.2 0 0 1 .036.004a.2.2 0 1 1-.233.15a.2.2 0 0 1 .197-.154z"/></svg></a><a href="https://tilvids.com/c/titane/"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.545v10.91L20.727 12M3.273 12v12L12 17.455M3.273 0v12L12 6.545"/></svg></a>
</div></div> </div></div>

2
portfolio/contact/index.html
Unescape Escape View File

@ -23,7 +23,7 @@
<div class="nonfooter"> <div class="nonfooter">
<p class="footername">Sufyaan A.</p> <p class="footername">Sufyaan A.</p>
<div style="text-align: center;" class="footericons"> <div style="text-align: center;" class="footericons">
<a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a> <a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a><a href="https://www.youtube.com/c/TitanElectrons"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73Z"/></svg></a><a href="https://odysee.com/@TitanElectrons:3"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.965 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-3.209-8.167a7.272 7.272 0 0 1-.799 3.218c-.548.957-2.281 2.77-3.264 3.699a.723.723 0 0 0 .056 1.104c.996.74 2.658 2.151 2.788 3.422c.176 1.835 1.6 4.02 1.675 4.159a.67.67 0 0 1-.105.327a12.067 12.067 0 0 1-2.03 1.898a2.435 2.435 0 0 1-.807.126c-1.944-.04-1.526-1.866-1.712-2.905s-.78-3.085-2.716-2.788c0 0 .484 4.243-1.489 5.546s-5.843 2.27-6.55-.408s2.46-2.384 2.684-2.384c.223 0 2.233-.632 1.267-2.53c-.967-1.898-2.01-3.5-2.01-3.5a11.37 11.37 0 0 0-2.735 1.285a5.42 5.42 0 0 0-1.061.82c-1.065 1.104-2.19 1.713-2.954 1.358a1.368 1.368 0 0 1-.32-.221A11.926 11.926 0 0 1 .1 13.503c.43-.641 2.082-2.038 3.696-2.906c1.304-.702 2.737-.988 3.118-1.355c-.671-2.235-1.882-5.703.832-7.33C9.881.634 12.69-.142 13.77 2.958c1.08 3.1.802 3.796 1.267 3.796c.465 0 1.608.223 2.09-1.75c.356-1.445.574-2.685 1.379-3.087A12 12 0 0 0 12 0a12 12 0 0 0-.035 0zm-.498 2.125c-.353-.019-.78.05-1.303.224c0 0-1.895.52-1.749 2.53c.13 1.777 1.08 2.753 3.053 2.01c1.972-.737 2.31-1.264 1.824-2.753c-.364-1.117-.765-1.956-1.825-2.011zm.48.726a.249.249 0 0 1 .183.07a1.58 1.58 0 0 1 .232.346a.253.253 0 0 1-.197.37a.253.253 0 0 1-.233-.131a1.559 1.559 0 0 0-.148-.232a.256.256 0 0 1 0-.353a.249.249 0 0 1 .163-.07zm3.529.152a.22.22 0 0 1 .192.103a.22.22 0 0 1-.07.305a.22.22 0 1 1-.122-.408zM12.609 4.27a.253.253 0 0 1 .227.133a1.5 1.5 0 0 1 .102.982a.253.253 0 0 1-.246.205h-.049a.253.253 0 0 1-.2-.295a1.013 1.013 0 0 0-.071-.697a.253.253 0 0 1 .237-.328zm-8.035.552a.12.12 0 0 1 .029.003a.12.12 0 1 1-.147.091a.12.12 0 0 1 .118-.094zm15.77 3.419l.273.539l.593.12l-.539.275l-.123.592l-.272-.539l-.592-.123l.538-.272zm-17.767.535a.22.22 0 0 1 .193.104a.22.22 0 0 1-.07.304a.22.22 0 1 1-.123-.408zm16.004 2.79a.258.258 0 0 1 .062.007a.258.258 0 1 1-.31.195a.258.258 0 0 1 .248-.202zM4.914 16.115a.17.17 0 0 1 .165.14a.17.17 0 0 1-.137.197a.17.17 0 1 1-.028-.337zm9.769 4.094a.2.2 0 0 1 .036.004a.2.2 0 1 1-.233.15a.2.2 0 0 1 .197-.154z"/></svg></a><a href="https://tilvids.com/c/titane/"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.545v10.91L20.727 12M3.273 12v12L12 17.455M3.273 0v12L12 6.545"/></svg></a>
</div></div> </div></div>

34
portfolio/industria/index.html
Unescape Escape View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sufyaan | Designer</title>
<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
<link rel='stylesheet' type='text/css' href="../style.css">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="nonanim-header" style="text-align: center">
<a href="../">
<img src="../images/title.webp" draggable="false">
</a>
</div>
<p style="color:#c9c9c9" class="nonanim-nav"><a style="text-decoration: none;" href="../">DESIGNS</a> | <a style="text-decoration: none;color: #000bef;" href=".">ABOUT</a> | <a style="text-decoration: none;" href="../contact">CONTACT</a></p>
<hr class="nonlines">
<body>
<h1>About</h1>
<p>Greetings! My name is Sufyaan and I am a creative and passionate brand designer with 6+ years of experience. I believe in <a style="color:#000bef" href="../../minimal-design">minimal design</a> and try to create impactful designs with as little as possible.</p>
<p>In my opinion, designing is best done without clutter. Reducing clutter helps you think more clearly and gets your point across more effectively. It also evokes fond emotions. For me, designing is much more than creating logos. It is giving brands the opportunity to have positive connotations with their brands by utilizing psychology, harmony and consistency. Design can make world a better place whether people realize it or not.</p>
<p>My journey into design started with me designing YouTube thumbnails when I was just 10 years old. I used Photoshop and many graphics packs from design YouTubers of that time. I loved how, with a little effort, I could make a design that is better than the average person's. Around one year after my YouTube phase was over, I started looking into logo design. Initially, I made simple logos that probably have been made at least hundreds of times in the past. This was the phase when I realized that the image representing a brand is just like the face of a brand. I understood the importance of a good logo. Eventually, I researched and realized that it is not just the logo, but the styling choices of a brand that truly makes an impact. I understood that the purpose of good brand design is to make your brand stick in your customers' brains. Following this, I researched brand design and branched out over the years.</p>
<p>I would love to collaborate with individuals who think out-of-the-box and have a similar vision of doing more with less. I adore on making brands grow and nourishing them into more than what they are.</p>
<p>If you would like to contact me for any questions or work, please view my contact details on the <a href="../contact" style="color:#000bef">contact page.</a></p>
<hr class="nonline">
<div class="nonfooter">
<p class="footername">Sufyaan A.</p>
<div style="text-align: center;" class="footericons">
<a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a><a href="https://www.youtube.com/c/TitanElectrons"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73Z"/></svg></a><a href="https://odysee.com/@TitanElectrons:3"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.965 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-3.209-8.167a7.272 7.272 0 0 1-.799 3.218c-.548.957-2.281 2.77-3.264 3.699a.723.723 0 0 0 .056 1.104c.996.74 2.658 2.151 2.788 3.422c.176 1.835 1.6 4.02 1.675 4.159a.67.67 0 0 1-.105.327a12.067 12.067 0 0 1-2.03 1.898a2.435 2.435 0 0 1-.807.126c-1.944-.04-1.526-1.866-1.712-2.905s-.78-3.085-2.716-2.788c0 0 .484 4.243-1.489 5.546s-5.843 2.27-6.55-.408s2.46-2.384 2.684-2.384c.223 0 2.233-.632 1.267-2.53c-.967-1.898-2.01-3.5-2.01-3.5a11.37 11.37 0 0 0-2.735 1.285a5.42 5.42 0 0 0-1.061.82c-1.065 1.104-2.19 1.713-2.954 1.358a1.368 1.368 0 0 1-.32-.221A11.926 11.926 0 0 1 .1 13.503c.43-.641 2.082-2.038 3.696-2.906c1.304-.702 2.737-.988 3.118-1.355c-.671-2.235-1.882-5.703.832-7.33C9.881.634 12.69-.142 13.77 2.958c1.08 3.1.802 3.796 1.267 3.796c.465 0 1.608.223 2.09-1.75c.356-1.445.574-2.685 1.379-3.087A12 12 0 0 0 12 0a12 12 0 0 0-.035 0zm-.498 2.125c-.353-.019-.78.05-1.303.224c0 0-1.895.52-1.749 2.53c.13 1.777 1.08 2.753 3.053 2.01c1.972-.737 2.31-1.264 1.824-2.753c-.364-1.117-.765-1.956-1.825-2.011zm.48.726a.249.249 0 0 1 .183.07a1.58 1.58 0 0 1 .232.346a.253.253 0 0 1-.197.37a.253.253 0 0 1-.233-.131a1.559 1.559 0 0 0-.148-.232a.256.256 0 0 1 0-.353a.249.249 0 0 1 .163-.07zm3.529.152a.22.22 0 0 1 .192.103a.22.22 0 0 1-.07.305a.22.22 0 1 1-.122-.408zM12.609 4.27a.253.253 0 0 1 .227.133a1.5 1.5 0 0 1 .102.982a.253.253 0 0 1-.246.205h-.049a.253.253 0 0 1-.2-.295a1.013 1.013 0 0 0-.071-.697a.253.253 0 0 1 .237-.328zm-8.035.552a.12.12 0 0 1 .029.003a.12.12 0 1 1-.147.091a.12.12 0 0 1 .118-.094zm15.77 3.419l.273.539l.593.12l-.539.275l-.123.592l-.272-.539l-.592-.123l.538-.272zm-17.767.535a.22.22 0 0 1 .193.104a.22.22 0 0 1-.07.304a.22.22 0 1 1-.123-.408zm16.004 2.79a.258.258 0 0 1 .062.007a.258.258 0 1 1-.31.195a.258.258 0 0 1 .248-.202zM4.914 16.115a.17.17 0 0 1 .165.14a.17.17 0 0 1-.137.197a.17.17 0 1 1-.028-.337zm9.769 4.094a.2.2 0 0 1 .036.004a.2.2 0 1 1-.233.15a.2.2 0 0 1 .197-.154z"/></svg></a><a href="https://tilvids.com/c/titane/"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.545v10.91L20.727 12M3.273 12v12L12 17.455M3.273 0v12L12 6.545"/></svg></a>
</div></div>
</body>

18
portfolio/style.css
Unescape Escape View File

@ -19,6 +19,16 @@ a:link {
background-color: transparent; background-color: transparent;
text-decoration: none; text-decoration: none;
} }
.image-grid {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.image-item {
flex: 33.33%;
padding: 10px;
box-sizing: border-box;
}
.footer { .footer {
animation: glideInFooter normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s 1.5s; animation: glideInFooter normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s 1.5s;
@ -28,7 +38,8 @@ a:link {
padding-bottom: 0.5%; padding-bottom: 0.5%;
} }
svg { svg {
color: #121212 color: #121212;
padding: 3px;
} }
svg:hover { svg:hover {
color: #000bef color: #000bef
@ -75,7 +86,7 @@ h1.image-details {
.gallery { .gallery {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content:left;
margin-left: 7vw; margin-left: 7vw;
margin-right: 7vw; margin-right: 7vw;
animation: portfolioItems normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s 1.5s; animation: portfolioItems normal both cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s 1.5s;
@ -408,6 +419,9 @@ h3{
margin-left: 2vw; margin-left: 2vw;
margin-right: 2vw; margin-right: 2vw;
} }
.image-item {
flex: 100%; /* One image per row on mobile */
}
.homepage-title{ .homepage-title{
width:50%; width:50%;
max-width:75%; max-width:75%;

12
portfolio/wip.html
Unescape Escape View File

@ -20,23 +20,23 @@
<div class="gallery"> <div class="gallery">
<div class="image-container"> <div class="image-container">
<a href="bitguard/"> <a href="bitguard/">
<img class="image" src="images/bitguard.webp" alt="Image 1"> <img class="image" src="images/bitguard.webp" alt="BitGuard">
<div class="image-details">Your Security Redefined</div></a> <div class="image-details">Your Security Redefined</div></a>
</div> </div>
<div class="image-container"> <div class="image-container">
<img class="image" src="image2.jpg" alt="Image 2"> <a href="sihu/"><img class="image" src="images/sihu.webp" alt="Sihu">
<div class="image-details">Image 2 Details</div> <div class="image-details">Sip Nature's Elixir</div></a>
</div> </div>
<div class="image-container"> <div class="image-container">
<img class="image" src="image3.jpg" alt="Image 3"> <a href="wm-tours/"><img class="image" src="images/wm-tours.webp" alt="WM Tours">
<div class="image-details">Image 3 Details</div> <div class="image-details">Discover Hidden Gems</div></a>
</div> </div>
</div> </div>
<hr class="endline"> <hr class="endline">
<div class="footer"> <div class="footer">
<p class="footername">Sufyaan A.</p> <p class="footername">Sufyaan A.</p>
<div style="text-align: center;" class="footericons"> <div style="text-align: center;" class="footericons">
<a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a> <a href="mailto:sufyaan@counterhawks.com"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg></a><a href="https://www.youtube.com/c/TitanElectrons"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73Z"/></svg></a><a href="https://odysee.com/@TitanElectrons:3"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.965 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-3.209-8.167a7.272 7.272 0 0 1-.799 3.218c-.548.957-2.281 2.77-3.264 3.699a.723.723 0 0 0 .056 1.104c.996.74 2.658 2.151 2.788 3.422c.176 1.835 1.6 4.02 1.675 4.159a.67.67 0 0 1-.105.327a12.067 12.067 0 0 1-2.03 1.898a2.435 2.435 0 0 1-.807.126c-1.944-.04-1.526-1.866-1.712-2.905s-.78-3.085-2.716-2.788c0 0 .484 4.243-1.489 5.546s-5.843 2.27-6.55-.408s2.46-2.384 2.684-2.384c.223 0 2.233-.632 1.267-2.53c-.967-1.898-2.01-3.5-2.01-3.5a11.37 11.37 0 0 0-2.735 1.285a5.42 5.42 0 0 0-1.061.82c-1.065 1.104-2.19 1.713-2.954 1.358a1.368 1.368 0 0 1-.32-.221A11.926 11.926 0 0 1 .1 13.503c.43-.641 2.082-2.038 3.696-2.906c1.304-.702 2.737-.988 3.118-1.355c-.671-2.235-1.882-5.703.832-7.33C9.881.634 12.69-.142 13.77 2.958c1.08 3.1.802 3.796 1.267 3.796c.465 0 1.608.223 2.09-1.75c.356-1.445.574-2.685 1.379-3.087A12 12 0 0 0 12 0a12 12 0 0 0-.035 0zm-.498 2.125c-.353-.019-.78.05-1.303.224c0 0-1.895.52-1.749 2.53c.13 1.777 1.08 2.753 3.053 2.01c1.972-.737 2.31-1.264 1.824-2.753c-.364-1.117-.765-1.956-1.825-2.011zm.48.726a.249.249 0 0 1 .183.07a1.58 1.58 0 0 1 .232.346a.253.253 0 0 1-.197.37a.253.253 0 0 1-.233-.131a1.559 1.559 0 0 0-.148-.232a.256.256 0 0 1 0-.353a.249.249 0 0 1 .163-.07zm3.529.152a.22.22 0 0 1 .192.103a.22.22 0 0 1-.07.305a.22.22 0 1 1-.122-.408zM12.609 4.27a.253.253 0 0 1 .227.133a1.5 1.5 0 0 1 .102.982a.253.253 0 0 1-.246.205h-.049a.253.253 0 0 1-.2-.295a1.013 1.013 0 0 0-.071-.697a.253.253 0 0 1 .237-.328zm-8.035.552a.12.12 0 0 1 .029.003a.12.12 0 1 1-.147.091a.12.12 0 0 1 .118-.094zm15.77 3.419l.273.539l.593.12l-.539.275l-.123.592l-.272-.539l-.592-.123l.538-.272zm-17.767.535a.22.22 0 0 1 .193.104a.22.22 0 0 1-.07.304a.22.22 0 1 1-.123-.408zm16.004 2.79a.258.258 0 0 1 .062.007a.258.258 0 1 1-.31.195a.258.258 0 0 1 .248-.202zM4.914 16.115a.17.17 0 0 1 .165.14a.17.17 0 0 1-.137.197a.17.17 0 1 1-.028-.337zm9.769 4.094a.2.2 0 0 1 .036.004a.2.2 0 1 1-.233.15a.2.2 0 0 1 .197-.154z"/></svg></a><a href="https://tilvids.com/c/titane/"><svg class="footericon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 6.545v10.91L20.727 12M3.273 12v12L12 17.455M3.273 0v12L12 6.545"/></svg></a>
</div></div> </div></div>

Write Preview
Loading…
Cancel
Save