-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (39 loc) · 7.06 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,400;0,600;1,100;1,400;1,600&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"><link rel="stylesheet" href="css/styles.css"><meta name="theme-color" content="#6c4dee"><link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/cferdinandi/tabby@12/dist/css/tabby-ui.css"><title>Nick Adams Portfolio | Web and Software Developer</title><meta name="description" content="Nick Adams is a web and software developer with loads of experience in front-end and back-end web development, programming, SEO, Accessibility user interface design, hosting, and more."><meta name="keywords" content="Nick Adams, Portfolio, Web development, Software development, PHP, Python, Bash, HTML, CSS, Javascript"><meta name="author" content="Nick Adams"><meta property="og:title" content="Nick Adams Portfolio | Web and Software Developer"><meta property="og:url" content="https://nickjadams.com"><meta property="og:type" content="website"><meta property="og:description" content="Nick Adams is a web and software developer with loads of experience in front-end and back-end web development, programming, SEO, Accessibility user interface design, hosting, and more."><meta property="og:image" content="https://nickjadams.com/images/logo.png"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-92475508-2"></script><!-- Global site tag (gtag.js) - Google Analytics --><script>console.log("hello google")
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-92475508-2');</script></head><body class="public-index"><ul class="skip-nav"><li> <a href="#content">Skip to Main Content</a></li></ul><div id="nav-wrapper"><header class="container"><nav class="navbar navbar-expand-lg sticky-top navbar-dark"><a class="navbar-brand" href="/"><img class="logo" src="/images/logo.png" alt="Nick Adams Logo"></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarSupportedContent"><ul class="navbar-nav ms-auto"><li class="nav-item"><a class="nav-link active" href="/">Home<span class="visually-hidden"> (current)</span></a></li><li class="nav-item"><a class="nav-link" href="/contract.html">Contract</a></li><li class="nav-item"><a class="nav-link" href="/resume.html">Resume</a></li><li class="nav-item"><a class="nav-link" href="https://arcane.test/getting-started">Github</a></li></ul></div></nav></header><div class="border-bar bg-gradient2"></div></div><div class="main-wrapper"><main id="content"><div class="bg-radial"><div class="bg-repeat-dots"><div class="container"><div class="landing-hero"><div class="left col-12 col-md-5 rellax" data-aos="fade-down" data-aos-duration="800" data-aos-delay="0"><img src="/images/phone.png" alt="" data-tilt></div><div class="right col-12 col-md-5 offset-md-2"><div class="ani-scale x2"><h1 data-aos="fade-left" data-aos-duration="800" data-aos-delay="200">Beautiful<br> Responsive<br> Website Design</h1></div><div class="ani-scale x2"><p data-aos="fade-left" data-aos-duration="800" data-aos-delay="400">A business website is a mandatory tool to thrive in today's digital age</p></div></div></div></div><div class="container"><div class="row"> <div class="col-12"> <p>Hello world</p></div></div></div></div><div class="bg-gradient-vertical-0"><div class="container"><section data-aos="fade-down" data-aos-duration="800" data-aos-delay="0"><div class="ani-scale"><h2>Great website design <br>increases <span class="text-primary">web and foot</span> traffic</h2>
<p>97% of all consumers go online to research local products and services before buying or visiting. Are you being seen in search engines?</p></div></section><section data-aos="fade-down" data-aos-duration="800" data-aos-delay="0"><div class="ani-scale"><h2>Like a new employee, your <br>website <span class="text-primary">answers customer <br>questions</span>. But doesn't need <br>to take breaks.</h2>
<p>Your website answers questions during and after hours. Give your customers the resources they need, and you'll both be more productive. </p></div></section><section data-aos="fade-down" data-aos-duration="800" data-aos-delay="0"><div class="ani-scale"><h2>An outdated web presence <br><span class="text-primary">implies an outdated business</span></h2>
<p>First impressions are everything. Deliver your customers an experience that convinces them that you are their #1 choice.</p></div></section><section data-aos="fade-down" data-aos-duration="800" data-aos-delay="0"><div class="ani-scale"><h2>It's <span class="text-primary">too easy</span> to get started!</h2>
<p>We'll do the heavy-lifting.</p>
<p>Fill out a simple form and we'll get back to you with everything we need to build and host a stunning website that's customized exactly to your businesses needs.</p>
<a href="/getting-started"><button class="btn btn-primary">Get Started</button></a></div></section></div></div></div></main></div><div class="container"><footer><p>Developed by Nick Adams. </p><p>Need a portfolio? <a href="https://github.com/nickolasjadams/portfolio2020" target="_blank" rel="noopener">Fork from Github</a>!</p><p>Hosted with <i class="fab fa-aws"><span class="sr-only">Amazon Web Services</span></i></p></footer></div><script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://unpkg.com/tilt.js@1.2.1/dest/tilt.jquery.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script><script src="https://cdn.jsdelivr.net/npm/pdfobject@2.2.4/pdfobject.min.js"></script><script src="js/scripts.js" defer></script><script>AOS.init();
$('[data-tilt]').tilt({
scale: 1.07,
speed: 200,
perspective: 1000
})
var navToggler = $("#nav-wrapper .navbar-toggler");
navToggler.on("click", function() {
if (navToggler.hasClass("collapsed")) {
$("#nav-wrapper").removeClass("open");
} else {
$("#nav-wrapper").addClass("open");
}
})
window.onscroll = function() {
let pos = $(window).scrollTop();
if (pos > 100) {
$("#nav-wrapper").addClass("disappear");
} else {
$("#nav-wrapper").removeClass("disappear");
}
}
</script></body></html>