ajax/portfolio
1
0
Fork 0
mirror of https://github.com/hexahigh/portfolio.git synced 2025-12-12 03:25:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
portfolio/index.html
Boof 8b8ccacaff
e
2023-02-07 10:21:34 +01:00

173 lines
8.4 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="HandheldFriendly" content="True">
<meta property="article:published_time" content="">
<meta property="article:modified_time" content="">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="Boofdev portfolio">
<meta name="twitter:site" content="Boofdev portfolio">
<meta property="og:type" content="Portfolio">
<meta property="og:title" content="Boofdev portfolio">
<meta name="twitter:title" content="Boofdev portfolio">
<meta property="og:url" content="https://boofdev.eu.org">
<meta name="twitter:url" content="https://boofdev.eu.org">
<meta property="og:image" content="https://boofdev.eu.org/data/images/logoround.png">
<meta name="twitter:image" content="https://boofdev.eu.org/data/images/logoround.png">
<meta name="description" content="This is my portfolio.">
<meta name="twitter:description" content="This is my portfolio.">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta name="keywords" content="Portfolio, Website, Boofdev, ">
<meta property="article:tag" content="Portfolio">
<meta property="article:tag" content="Website">
<meta property="article:tag" content="Boofdev">
<meta property="article:tag" content="">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boofdev portfolio</title>
<link rel="shortcut icon" href="data/images/logoround.png">
<link rel="icon" type="image/x-icon" href="/data/images/logoround.png">
<link rel="stylesheet" href="data/style/style.css">
<link rel="stylesheet" href="data/style/offline-theme-dark.css">
<link rel="stylesheet" href="data/style/offline-language-english.css">
<script src="index.js" defer></script>
<script src="data/js/contact.js" defer></script>
<script src="index-allpage.js" defer></script>
<script src="https://hexahigh.github.io/cdn/js/min/offline.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<a href="#index-intro-contact-btn" id="skip-nav">Skip Navigation</a>
<nav>
<img src="data/images/logoround.png" alt="Boofdev">
<p class="text">Boofdev</p>
<ul id="nav-pc">
<li><a href="index.html" id="nav-active">Home</a></li>
<li><a class="colorurl" href="/about">About me</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev" id="nav-donate">Donate</a></li>
</ul>
<ul id="nav-mobile">
<li id="nav-menu-li"><button id="nav-menu"><img src="data/images/menu.svg" alt="menu" id="nav-menu-img"></button></li>
</ul>
</nav>
<div class="nav-mobile-content-close">
<ul>
<li><a href="index.html" id="nav-active">Home</a></li>
<li><a href="/about">About me</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev" id="nav-donate-mobile">Donate</a></li>
</ul>
</div>
<a href="#" class="scrollTop"><img src="data/images/top.svg" alt="Top"></a>
<div id="index-content">
<div class="index-intro">
<h1 class="text">Hi, I'm <span>Boof</span></h1>
<h2 class="text">Hobbyist Programmer</h2>
<h3 class="text">I have been making websites for more than 1 year and im trying to learn new things constantly.</h3>
<h3><a href="/about">About me</a></h3>
<a href="#contact"><button id="index-intro-contact-btn">Contact</button></a>
</div>
<div class="index-socials">
<a href="https://github.com/hexahigh"><img src="data/images/github.svg" alt="Github"></a>
<a href="https://www.youtube.com/@Boofydev"><img src="data/images/youtube.svg" alt="Youtube"></a>
</div>
</div>
<div id="skills"></div>
<div class="skills">
<h1 class="text">Skills:</h1>
<div class="skills-item">
<img src="data/images/html.png" alt="HTML">
<p class="text">HTML</p>
</div>
<div class="skills-item">
<img src="data/images/css.png" alt="CSS">
<p class="text">CSS</p>
</div>
<div class="skills-item">
<img src="data/images/js.png" alt="Javascript">
<p class="text">Javascript</p>
</div>
<!--<div class="skills-item">
<img src="data/images/lua.png" alt="Lua">
<p class="text">Lua</p>
</div>-->
<div class="skills-item">
<img src="data/images/py.png" alt="Python">
<p class="text">Python</p>
</div>
</div>
<div id="contact"></div>
<div class="contact">
<div class="contact-sidepanel">
<div class="contact-socials">
<p class="text">Contact</p>
<span class="text">Send me a message via the contact form, email or via socials</span>
</div>
<br>
<div class="contact-socials">
<p class="text">Socials</p>
<a href="mailto:admin@boofdev.eu.org">Email</a>
<a href="https://github.com/hexahigh"><img src="data/images/github.svg" alt="Github"></a>
<a href="https://www.youtube.com/@Boofydev"><img src="data/images/youtube.svg" alt="Youtube"></a>
</div>
</div>
<form id="formid" class="contact-form" action="https://public.herotofu.com/v1/fed039b0-89d2-11ed-a003-6f0b76086b1c" method="post">
<label for="name">full name</label>
<input name="Name" id="name" type="text" required>
<label for="email">email</label>
<input name="EMAIL" id="EMAIL" type="email" required>
<label for="subject">subject</label>
<input name="subject" id="subject" type="text">
<label for="message">message</label>
<input name="message" id="message" id="contact-form-message" rows="3" required></input>
<!--<textarea name="message" id="email" id="contact-form-message" rows="3" required></textarea>-->
<input value="" name="formip" id="formip" type="hidden" required>
<input value="" name="usedvpn" id="usedvpn" type="hidden" required>
<p style="font-size: 50%; color:#ffffff">When you submit this form you agree to the <a class="colorurl" href="privacy.html">Privacy Policy</a></p>
<button id="submitbutton" type="submit">Send Message</button>
<button class="emailformbutton" id="emailformbutton">Subscribe to out email form</button>
</form>
</div>
<div id="email-form-overlay"></div>
<div id="email-form-popup">
<iframe width="540" height="305" src="https://22242122.sibforms.com/serve/MUIEAGn6IExejPbN0o9rX5yACspn6IU1cXlsTT7dld_YuNtMwBP-Lu8BWoVs2zQ_Xs-rY6qrBBSCmKVS3dw7DRCnqLd9G-2o-tpy2-PXH12HI3OTKRZ6ILj4Sxj8xtgaUOBiceSqaIv4yzPUOzS3f7s1ApsHF2dss1YmAFP1JAR29ugNWVa8qmtS-HuyWudxbNy3H7v_9j32557P" id="email-popup-iframe" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe>
</div>
<footer>
<div class="footer-links-wrapper">
<div class="footer-links">
<p>Quick Links</p>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/about">About me</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="/privacy.html">Privacy Policy</a></li>
<li><a target="_blank" href="https://patreon.com/boofdev">Donate</a></li>
</ul>
</div>
<div class="footer-links">
<p>Social Links</p>
<ul>
<li><a href="mailto:admin@boofdev.eu.org">Email</a></li>
<li><a href="https://github.com/hexahigh">Github</a></li>
<li><a href="https://www.youtube.com/@Boofydev">Youtube</a></li>
</ul>
</div>
</div>
<p><span class="current-year"></span> © Boofdev</p>
</footer>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink