-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
16 lines (16 loc) · 7.72 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html><html lang=" en-us "><head><script async defer src="https://www.googletagmanager.com/gtag/js?id=UA-137899647-1"></script>
<script async defer>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-137899647-1")</script><meta name=generator content="Hugo 0.99.1"><link href=https://adrielperkins.dev/scss/main.min.css rel=stylesheet><noscript><link href=https://adrielperkins.dev/scss/main.min.css rel=stylesheet></noscript><link rel=preload href=https://use.fontawesome.com/releases/v5.14.0/css/all.css integrity=sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc crossorigin=anonymous as=style onload='this.onload=null,this.rel="stylesheet"'><noscript><link rel=stylesheet href=https://use.fontawesome.com/releases/v5.14.0/css/all.css integrity=sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc crossorigin=anonymous></noscript><script async src=http://code.jquery.com/jquery-3.5.1.slim.min.js integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin=anonymous></script>
<script async src=/plugins/typedJS/typed.js></script>
<script async src=/js/site.js></script><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Adriel Perkins - DevOps, Web3, & Tech</title></head><section class="hero is-fullheight is-dark"><nav class="navbar hero-head" role=navigation aria-label="main navigation"><div class=navbar-brand><a class=navbar-item href=https://adrielperkins.dev><img src=https://adrielperkins.dev/images/ap_logo_white.svg alt="Adriel Perkins - DevOps, Web3, & Tech logo" width=130 height=auto></a>
<a role=button class=navbar-burger aria-label=menu aria-expanded=false data-target=myNavbar><span aria-hidden=true></span>
<span aria-hidden=true></span>
<span aria-hidden=true></span></a></div><div id=myNavbar class=navbar-menu><div class=navbar-end><a class="has-text-white navbar-item" href=/ title>Home</a>
<a class="has-text-white navbar-item" href=/about title>About</a>
<a class="has-text-white navbar-item" href=/projects title>Projects</a>
<a class="has-text-white navbar-item" href=/contact title>Contact</a></div></div></nav><div class=hero-body><div class="container has-text-centered"><img src=images/avatar.svg><br></br><h1 class="title has-text-light">Hey, I'm Adriel!</h1><div id=typed-strings><h1>Sr. DevOps Engineer | Cyber-Security & Web3 Advocate</h1></div><span id=typed class="subtitle has-text-light"></span></div></div><div class="hero-foot float"><div class="columns is-mobile is-centered"></div><div class="columns is-mobile is-centered is-paddingless is-marginless"><div class="column is-narrow"><span class="icon is-large has-text-link"><a href=#myStory><i class="fas fa-2x fa-angle-double-down"></i></a></span></div></div></div></section><section id=myStory class="section has-background-white" style=margin-top:8%><div class=container><div class="heading has-text-black has-text-centered"><h1 class=title>About Me</h1></div><div class="container has-text-left"><p class="has-text-black is-size-5 about-me">By day, I engineer DevSecOps solutions to increase business efficiency. By night, I experiment and engineer solutions for Web3 and invest in crypto and NFTs.
most importantly though, I share a wonderful life with my wife, son, and two dogs!</p></div><br></br><div class="container has-text-centered"><a class="button is-link" href=https://adrielperkins.dev/about>Get to know me!</a></div></div></section><section id=posts class="section has-background-white"><div class=container><div class="heading has-text-black has-text-centered" style=margin-bottom:5rem;margin-top:5rem><h1 class=title>Recent Projects</h1></div><div class=columns><div class=column><div class="card hover-wrapper cd-img"><figure class="image is-4by3"><img class=is-overlay src=/images/projects/fl1-shop-home.jpg alt="Flightone Shop"></figure><div class=hover-overlay><div class=hover-content><a class="button is-link" href=https://adrielperkins.dev/projects/flightone-shop/>View Project</a></div></div></div></div><div class=column><div class="card hover-wrapper cd-img"><figure class="image is-4by3"><img class=is-overlay src=/images/projects/ap-resume.jpg alt="AP Resume Original Site"></figure><div class=hover-overlay><div class=hover-content><a class="button is-link" href=https://adrielperkins.dev/projects/ap-resume/>View Project</a></div></div></div></div><div class=column><div class="card hover-wrapper cd-img"><figure class="image is-4by3"><img class=is-overlay src=/images/projects/imaginewise.jpg alt="ImagineWise LLC"></figure><div class=hover-overlay><div class=hover-content><a class="button is-link" href=https://adrielperkins.dev/projects/imaginewise/>View Project</a></div></div></div></div></div></div></section><section id=contact class="section has-background-white curved-dot-bg" style=margin-bottom:1rem><div class=container><div class="heading has-text-black has-text-centered" style=margin-bottom:5rem><h1 class=title>Reach Out!</h1></div><div class="columns is-centered"><div class="column is-half"><div class=card><form action=https://formspree.io/mvoweawe method=post class=card-content><div class=field><label class=label>Name<strong class=has-text-danger>*</strong></label><div class=control><input class=input type=text name=name placeholder="Eg. John Doe"></div></div><div class=field><label class=label>Email<strong class=has-text-danger>*</strong></label><div class="control has-icons-left has-icons-right"><input class=input type=email name=email placeholder="Eg. [email protected]">
<span class="icon is-small is-left"><i class="fas fa-envelope"></i></span></div><div class=field><label class=label>Why you're reaching out, select one.<strong class=has-text-danger>*</strong></label><div class=control><div class=select><select value=Subject name=subject><option name="Say Hi">Say Hi</option><option name=Collaborate>Collaborate</option><option name=Mentorship>Mentorship</option><option name=Job>Job Position</option></select></div></div></div><div class=field><label class=label>Message<strong class=has-text-danger>*</strong></label><div class=control><textarea class=textarea name=message placeholder="Your message!"></textarea></div></div><div class="field is-grouped"><div class=control><input type=submit value="Send Message!" class="button is-link"></div></div></div></form></div></div></div></div></section><footer class=footer><nav class=level><div class="level-left is-paddingless"><p class="level-item has-text-left"><a class="is-link has-text-white" href=/>Home</a></p><p class="level-item has-text-left"><a class="is-link has-text-white" href=/about>About</a></p><p class="level-item has-text-left"><a class="is-link has-text-white" href=/projects>Projects</a></p><p class="level-item has-text-left"><a class="is-link has-text-white" href=/contact>Contact</a></p></div><div class="level-right columns"><div class=column><span class=icon><a class="is-link has-text-white" href=https://instagram.com/adrielperkins><i class="fab fa-1x fa-instagram"></i></a></span>
<span class=icon><a class="is-link has-text-white" href=https://twitter.com/0xadriel><i class="fab fa-1x fa-twitter"></i></a></span>
<span class=icon><a class="is-link has-text-white" href=https://facebook.com/adrielperkins><i class="fab fa-1x fa-facebook-f"></i></a></span>
<span class=icon><a class="is-link has-text-white" href=https://github.com/adrielp><i class="fab fa-1x fa-github"></i></a></span>
<span class=icon><a class="is-link has-text-white" href="https://www.youtube.com/channel/UCMvC5sEUUx4U5CsM24Egmhg?view_as=subscriber"><i class="fab fa-1x fa-youtube"></i></a></span></div></div></nav><div class=level><p class="level-item level-left has-text-grey-lighter">© 2022 - Adriel Perkins</p></div><script async src=//cdn.jsdelivr.net/github-cards/latest/widget.js></script></footer></html>