New Website First Release
This commit is contained in:
+80
@@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="font-size: 16px;">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title>About</title>
|
||||||
|
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="About.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 3.18.2, nicepage.com">
|
||||||
|
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
|
||||||
|
|
||||||
|
<script type="application/ld+json">{
|
||||||
|
"@context": "http://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "",
|
||||||
|
"logo": "#"
|
||||||
|
}</script>
|
||||||
|
<meta name="theme-color" content="#343138">
|
||||||
|
<meta property="og:title" content="About">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
</head>
|
||||||
|
<body class="u-body"><header class="u-clearfix u-header u-header" id="sec-8095"><div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<nav class="u-align-left u-menu u-menu-dropdown u-nav-spacing-25 u-offcanvas u-menu-1">
|
||||||
|
<div class="menu-collapse">
|
||||||
|
<a class="u-button-style u-nav-link" href="#" style="padding: 4px 0px; font-size: calc(1em + 8px);">
|
||||||
|
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 302 302" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7b92"></use></svg>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-7b92" x="0px" y="0px" viewBox="0 0 302 302" style="enable-background:new 0 0 302 302;" xml:space="preserve" class="u-svg-content"><g><rect y="36" width="302" height="30"></rect><rect y="236" width="302" height="30"></rect><rect y="136" width="302" height="30"></rect>
|
||||||
|
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="u-nav-container">
|
||||||
|
<ul class="u-nav u-spacing-25 u-unstyled"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 8px 0px;">Home</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html" style="padding: 8px 0px;">About</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html" style="padding: 8px 0px;">Contact</a>
|
||||||
|
</li></ul>
|
||||||
|
</div>
|
||||||
|
<div class="u-nav-container-collapse">
|
||||||
|
<div class="u-align-center u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
|
||||||
|
<div class="u-sidenav-overflow">
|
||||||
|
<div class="u-menu-close"></div>
|
||||||
|
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html">Home</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html">About</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html">Contact</a>
|
||||||
|
</li></ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<a href="#" class="u-image u-logo u-image-1" src="">
|
||||||
|
<img src="#" class="u-logo-image u-logo-image-1">
|
||||||
|
</a>
|
||||||
|
</div></header>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="u-clearfix u-footer u-grey-80" id="sec-8670"><div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<div class="u-align-center u-container-style u-group u-group-1">
|
||||||
|
<div class="u-container-layout u-valign-middle u-container-layout-1">
|
||||||
|
<p class="u-small-text u-text u-text-variant u-text-1">Sample footer text</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div></footer>
|
||||||
|
<section class="u-backlink u-clearfix u-grey-80">
|
||||||
|
<a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
|
||||||
|
<span>Website Templates</span>
|
||||||
|
</a>
|
||||||
|
<p class="u-text">
|
||||||
|
<span>created with</span>
|
||||||
|
</p>
|
||||||
|
<a class="u-link" href="https://nicepage.com/" target="_blank">
|
||||||
|
<span>Website Builder Software</span>
|
||||||
|
</a>.
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,152 @@
|
|||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 561px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-repeater-1 {
|
||||||
|
margin-top: 60px;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
min-height: 441px;
|
||||||
|
grid-template-columns: calc(33.3333% - 15px) calc(33.3333% - 15px) calc(33.3333% - 15px);
|
||||||
|
height: auto;
|
||||||
|
grid-gap: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-repeater-item-1 {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding: 30px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
height: 222px;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-btn-1 {
|
||||||
|
background-image: none;
|
||||||
|
border-style: none none solid;
|
||||||
|
margin: 17px auto 0 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-2 {
|
||||||
|
padding: 30px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-3 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-2 {
|
||||||
|
height: 222px;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-4 {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-btn-2 {
|
||||||
|
background-image: none;
|
||||||
|
border-style: none none solid;
|
||||||
|
margin: 17px auto 0 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-3 {
|
||||||
|
padding: 30px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-5 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-3 {
|
||||||
|
height: 222px;
|
||||||
|
margin-top: 17px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-6 {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-btn-3 {
|
||||||
|
background-image: none;
|
||||||
|
border-style: none none solid;
|
||||||
|
margin: 17px auto 0 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 484px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-repeater-1 {
|
||||||
|
min-height: 364px;
|
||||||
|
grid-template-columns: repeat(3, calc(33.333333333333336% - 15px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 956px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-repeater-1 {
|
||||||
|
min-height: 836px;
|
||||||
|
grid-template-columns: repeat(2, calc(50% - 11.25px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.u-section-1 .u-repeater-1 {
|
||||||
|
grid-template-columns: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
height: 278px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-2 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-2 {
|
||||||
|
height: 278px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-3 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-3 {
|
||||||
|
height: 278px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="font-size: 16px;">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title>Contact</title>
|
||||||
|
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="Contact.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 3.18.2, nicepage.com">
|
||||||
|
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
|
||||||
|
|
||||||
|
<script type="application/ld+json">{
|
||||||
|
"@context": "http://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": "",
|
||||||
|
"logo": "#"
|
||||||
|
}</script>
|
||||||
|
<meta name="theme-color" content="#343138">
|
||||||
|
<meta property="og:title" content="Contact">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
</head>
|
||||||
|
<body class="u-body"><header class="u-clearfix u-header u-header" id="sec-8095"><div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<nav class="u-align-left u-menu u-menu-dropdown u-nav-spacing-25 u-offcanvas u-menu-1">
|
||||||
|
<div class="menu-collapse">
|
||||||
|
<a class="u-button-style u-nav-link" href="#" style="padding: 4px 0px; font-size: calc(1em + 8px);">
|
||||||
|
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 302 302" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7b92"></use></svg>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-7b92" x="0px" y="0px" viewBox="0 0 302 302" style="enable-background:new 0 0 302 302;" xml:space="preserve" class="u-svg-content"><g><rect y="36" width="302" height="30"></rect><rect y="236" width="302" height="30"></rect><rect y="136" width="302" height="30"></rect>
|
||||||
|
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="u-nav-container">
|
||||||
|
<ul class="u-nav u-spacing-25 u-unstyled"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 8px 0px;">Home</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html" style="padding: 8px 0px;">About</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html" style="padding: 8px 0px;">Contact</a>
|
||||||
|
</li></ul>
|
||||||
|
</div>
|
||||||
|
<div class="u-nav-container-collapse">
|
||||||
|
<div class="u-align-center u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
|
||||||
|
<div class="u-sidenav-overflow">
|
||||||
|
<div class="u-menu-close"></div>
|
||||||
|
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html">Home</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html">About</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html">Contact</a>
|
||||||
|
</li></ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<a href="#" class="u-image u-logo u-image-1" src="">
|
||||||
|
<img src="#" class="u-logo-image u-logo-image-1">
|
||||||
|
</a>
|
||||||
|
</div></header>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="u-clearfix u-footer u-grey-80" id="sec-8670"><div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<div class="u-align-center u-container-style u-group u-group-1">
|
||||||
|
<div class="u-container-layout u-valign-middle u-container-layout-1">
|
||||||
|
<p class="u-small-text u-text u-text-variant u-text-1">Sample footer text</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div></footer>
|
||||||
|
<section class="u-backlink u-clearfix u-grey-80">
|
||||||
|
<a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
|
||||||
|
<span>Website Templates</span>
|
||||||
|
</a>
|
||||||
|
<p class="u-text">
|
||||||
|
<span>created with</span>
|
||||||
|
</p>
|
||||||
|
<a class="u-link" href="https://nicepage.com/" target="_blank">
|
||||||
|
<span>Website Builder Software</span>
|
||||||
|
</a>.
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,513 @@
|
|||||||
|
.u-section-1 {
|
||||||
|
background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/DSC_0338.jpeg");
|
||||||
|
background-position: 50% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 738px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-group-1 {
|
||||||
|
width: 682px;
|
||||||
|
min-height: 378px;
|
||||||
|
margin: 296px auto 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
font-size: 6rem;
|
||||||
|
margin: 66px 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
letter-spacing: 1px;
|
||||||
|
line-height: 1.3;
|
||||||
|
margin: 20px 247px 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-line-1 {
|
||||||
|
height: 88px;
|
||||||
|
transform-origin: center bottom 0px;
|
||||||
|
width: 13px;
|
||||||
|
margin: -217px 30px 273px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 764px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-group-1 {
|
||||||
|
width: 710px;
|
||||||
|
min-height: 509px;
|
||||||
|
margin-top: 191px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
font-family: Roboto, sans-serif;
|
||||||
|
margin-top: 124px;
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
margin-right: 352px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-line-1 {
|
||||||
|
width: 11px;
|
||||||
|
margin-right: 25px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 807px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-group-1 {
|
||||||
|
width: 658px;
|
||||||
|
min-height: 552px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
margin-top: 215px;
|
||||||
|
margin-right: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
width: auto;
|
||||||
|
margin-right: 209px;
|
||||||
|
margin-bottom: 55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-line-1 {
|
||||||
|
width: 13px;
|
||||||
|
margin-top: -143px;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 119px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 938px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-group-1 {
|
||||||
|
min-height: 683px;
|
||||||
|
margin-right: initial;
|
||||||
|
margin-left: initial;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
margin-right: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
margin-right: 253px;
|
||||||
|
width: 277px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-line-1 {
|
||||||
|
width: 8px;
|
||||||
|
margin-right: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 694px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-group-1 {
|
||||||
|
min-height: 426px;
|
||||||
|
margin-top: 166px;
|
||||||
|
width: auto;
|
||||||
|
margin-right: initial;
|
||||||
|
margin-left: initial;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
font-size: 3.75rem;
|
||||||
|
margin-top: 99px;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
margin-right: 74px;
|
||||||
|
margin-bottom: 45px;
|
||||||
|
width: 260px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-line-1 {
|
||||||
|
width: 13px;
|
||||||
|
margin-top: -386px;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 400px;
|
||||||
|
}
|
||||||
|
}.u-section-2 {
|
||||||
|
min-height: 740px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-wrap-1 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-1 {
|
||||||
|
min-height: 740px;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-container-layout-1 {
|
||||||
|
padding: 30px 30px 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-social-icons-1 {
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 32px;
|
||||||
|
min-height: 16px;
|
||||||
|
width: 158px;
|
||||||
|
min-width: 94px;
|
||||||
|
margin: 0 auto 0 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-icon-1 {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-icon-2 {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-icon-3 {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-icon-4 {
|
||||||
|
height: 100%;
|
||||||
|
color: rgb(255, 255, 255) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-2 {
|
||||||
|
min-height: 740px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-container-layout-2 {
|
||||||
|
padding: 30px 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-text-1 {
|
||||||
|
font-size: 2.25rem;
|
||||||
|
font-weight: 100;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 4px;
|
||||||
|
margin: 0 0 0 166px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-text-2 {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
line-height: 2;
|
||||||
|
margin: 20px 0 0 166px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-image-1 {
|
||||||
|
width: 448px;
|
||||||
|
height: 448px;
|
||||||
|
background-image: url("images/1F6C7C7C-CA02-4CC1-971E-3B39BAE38B332.jpeg");
|
||||||
|
background-position: 50% 50%;
|
||||||
|
margin: -594px auto 60px calc(((100% - 1140px) / 2) + 216px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.u-section-2 {
|
||||||
|
min-height: 663px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-1 {
|
||||||
|
min-height: 610px;
|
||||||
|
background-position: 50% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-social-icons-1 {
|
||||||
|
margin-left: 78px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-2 {
|
||||||
|
min-height: 663px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-container-layout-2 {
|
||||||
|
padding-right: 30px;
|
||||||
|
padding-left: 204px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-text-1 {
|
||||||
|
margin-left: 46px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-text-2 {
|
||||||
|
margin-left: 46px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-image-1 {
|
||||||
|
margin-left: calc(((100% - 940px) / 2) + 216px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.u-section-2 {
|
||||||
|
min-height: 699px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-1 {
|
||||||
|
min-height: 548px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-2 {
|
||||||
|
min-height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-container-layout-2 {
|
||||||
|
padding-right: 23px;
|
||||||
|
padding-left: 146px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-image-1 {
|
||||||
|
margin-left: calc(((100% - 720px) / 2) + 216px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.u-section-2 {
|
||||||
|
min-height: 817px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-1 {
|
||||||
|
min-height: 325px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-container-layout-1 {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-social-icons-1 {
|
||||||
|
margin-top: 158px;
|
||||||
|
margin-left: 51px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-2 {
|
||||||
|
min-height: 492px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-container-layout-2 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-image-1 {
|
||||||
|
margin-left: calc(((100% - 540px) / 2) + 92px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.u-section-2 {
|
||||||
|
min-height: 951px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-1 {
|
||||||
|
min-height: 312px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-social-icons-1 {
|
||||||
|
margin-top: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-layout-cell-2 {
|
||||||
|
min-height: 639px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-text-1 {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-text-2 {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-2 .u-image-1 {
|
||||||
|
width: 340px;
|
||||||
|
height: 340px;
|
||||||
|
margin-left: calc(((100% - 340px) / 2));
|
||||||
|
}
|
||||||
|
}.u-section-3 .u-sheet-1 {
|
||||||
|
min-height: 552px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-list-1 {
|
||||||
|
margin-top: 60px;
|
||||||
|
margin-bottom: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-repeater-1 {
|
||||||
|
grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
|
||||||
|
min-height: 388px;
|
||||||
|
grid-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-container-layout-1 {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-icon-1 {
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
background-image: none;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-text-1 {
|
||||||
|
margin: 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-text-2 {
|
||||||
|
margin: 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-btn-1 {
|
||||||
|
border-style: none none solid;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 20px auto 0;
|
||||||
|
padding: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-container-layout-2 {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-icon-2 {
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
background-image: none;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-text-3 {
|
||||||
|
margin: 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-text-4 {
|
||||||
|
margin: 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-btn-2 {
|
||||||
|
border-style: none none solid;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 20px auto 0;
|
||||||
|
padding: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-container-layout-3 {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-icon-3 {
|
||||||
|
height: 80px;
|
||||||
|
width: 80px;
|
||||||
|
background-image: none;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-text-5 {
|
||||||
|
margin: 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-text-6 {
|
||||||
|
margin: 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-btn-3 {
|
||||||
|
border-style: none none solid;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
margin: 20px auto 0;
|
||||||
|
padding: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.u-section-3 .u-sheet-1 {
|
||||||
|
min-height: 499px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-repeater-1 {
|
||||||
|
grid-template-columns: repeat(3, calc(33.333333333333336% - 6.66667px));
|
||||||
|
min-height: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-icon-1 {
|
||||||
|
color: rgb(2, 2, 2) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-icon-2 {
|
||||||
|
color: rgb(219, 84, 90) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-icon-3 {
|
||||||
|
color: rgb(219, 84, 90) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.u-section-3 .u-repeater-1 {
|
||||||
|
grid-template-columns: repeat(2, calc(50% - 5.0000025px));
|
||||||
|
min-height: 735px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.u-section-3 .u-repeater-1 {
|
||||||
|
grid-template-columns: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-container-layout-1 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-container-layout-2 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-3 .u-container-layout-3 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,149 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="font-size: 16px;">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="keywords" content="HARD TO HEAR NO MORE, Always Complaining About This Big, Big World, But what if they fall out?, Its an adjustment period, When will the AirPod 2 headphones come out?, Over-ear headphones are best for:, Its an Adjustment Period">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title>Home</title>
|
||||||
|
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="Home.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 3.18.2, nicepage.com">
|
||||||
|
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script type="application/ld+json">{
|
||||||
|
"@context": "http://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": ""
|
||||||
|
}</script>
|
||||||
|
<meta name="theme-color" content="#343138">
|
||||||
|
<meta property="og:title" content="Home">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
</head>
|
||||||
|
<body class="u-body">
|
||||||
|
<section class="u-clearfix u-image u-shading u-section-1" id="sec-d873" data-image-width="4000" data-image-height="6000">
|
||||||
|
<div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<div class="u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-group-1">
|
||||||
|
<div class="u-container-layout u-valign-bottom-lg u-valign-bottom-xs u-container-layout-1">
|
||||||
|
<h1 class="u-text u-text-body-alt-color u-title u-text-1">Nicholas <br>Pease<br>
|
||||||
|
</h1>
|
||||||
|
<h5 class="u-text u-text-body-alt-color u-text-2">Hi there, it seems you've stumbled across my portfolio. This is a collection of everything that is me. </h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-left-lg u-align-left-sm u-align-left-xl u-align-left-xs u-border-13 u-border-custom-color-1 u-line u-line-vertical u-line-1"></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="u-clearfix u-section-2" id="carousel_15b2">
|
||||||
|
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
|
||||||
|
<div class="u-layout">
|
||||||
|
<div class="u-layout-row">
|
||||||
|
<div class="u-size-24">
|
||||||
|
<div class="u-layout-col">
|
||||||
|
<div class="u-container-style u-custom-color-1 u-layout-cell u-opacity u-opacity-65 u-size-60 u-layout-cell-1">
|
||||||
|
<div class="u-container-layout u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-xl u-container-layout-1">
|
||||||
|
<div class="u-social-icons u-spacing-10 u-social-icons-1">
|
||||||
|
<a class="u-social-url" title="facebook" target="_blank" href="https://www.facebook.com/nicholas.pease.18/"><span class="u-icon u-icon-circle u-social-facebook u-social-icon u-text-white u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7f9c"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-7f9c"><path fill="currentColor" d="M75.5,28.8H65.4c-1.5,0-4,0.9-4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2
|
||||||
|
c0-7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" title="instagram" target="_blank" href="https://www.instagram.com/nicholas.pease.18"><span class="u-icon u-icon-circle u-social-icon u-social-instagram u-text-white u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-4b89"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-4b89"><path fill="currentColor" d="M55.9,32.9c-12.8,0-23.2,10.4-23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-23.2S68.7,32.9,55.9,32.9z
|
||||||
|
M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-13.3,13.3-13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path fill="#FFFFFF" d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-5.4S82.7,26.8,79.7,26.8z"></path><path fill="currentColor" d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7
|
||||||
|
V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7
|
||||||
|
c0-7.1,5.8-12.8,12.8-12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" title="Snapchat" href="https://www.snapchat.com/add/npease2002"><span class="u-icon u-icon-circle u-social-icon u-social-snapchat u-text-white u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 24 24" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9dcf"></use></svg><svg class="u-svg-content" viewBox="0 0 24 24" id="svg-9dcf"><path d="m3.187 19.809c.273 1.2.566 1.697 2.14 1.439.458-.076 1.03-.171 1.734-.055 1.168.194 4.256 4.128 8.647.658.857-.6 1.325-.932 2.988-.606.726.141 1.657-.008 2.112-1.436 4.339-.781 3.407-3.174 2.107-3.383-2.26-.369-3.759-2.702-3.919-3.446.159-.098.507-.219.729-.295 3.665-1.268 1.625-4.354-.867-3.402.163-2.6.21-4.683-1.917-6.68-2.261-2.116-5.754-2.213-8.035-1.212-3.976 1.738-3.945 5.105-3.768 7.932-1.585-.606-2.66.267-2.833 1.162-.262 1.411 1.086 1.885 1.89 2.168.281.099.75.264.821.317-.087.101-.591 2.342-3.576 3.332-.57.189-1.109.368-1.343.89-.139.312-.128.662.036 1.039.403.936 1.713 1.338 3.054 1.578zm3.115-6.017c.66-1.33-.206-2.055-1.608-2.549-.296-.104-.846-.298-.918-.476.025-.063.222-.189.409-.189.058.004.224.068.334.109 4.742 1.796-.853-5.374 4.988-7.926 1.789-.784 4.643-.722 6.409.933 2.831 2.656.604 6.534 1.832 7.093.874.397 1.71-.214 2.012-.223.235 0 .44.14.462.19.004.177-.615.391-.985.519-1.71.591-2.244 1.299-1.277 3.062.729 1.33 2.271 2.985 4.313 3.487-1.433.828-2.521.099-2.839 1.351-.164.665-.269.642-.45.607-5.066-.992-4.72 4.27-9.869.831-1.757-1.173-2.1-1.048-4.385-.784-.096-.377-.158-.785-.291-1.031-.361-.668-1.697-.33-2.744-1.001 2.101-.719 3.522-1.565 4.607-4.003z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" title="Email" href="mailto:nicholaspease18@gmail.com"><span class="u-icon u-icon-circle u-social-email u-social-icon u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-8c52"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-8c52" style="enable-background:new 0 0 512 512;"><g><g><polygon points="339.392,258.624 512,367.744 512,144.896 "></polygon>
|
||||||
|
</g>
|
||||||
|
</g><g><g><polygon points="0,144.896 0,367.744 172.608,258.624 "></polygon>
|
||||||
|
</g>
|
||||||
|
</g><g><g><path d="M480,80H32C16.032,80,3.36,91.904,0.96,107.232L256,275.264l255.04-168.032C508.64,91.904,495.968,80,480,80z"></path>
|
||||||
|
</g>
|
||||||
|
</g><g><g><path d="M310.08,277.952l-45.28,29.824c-2.688,1.76-5.728,2.624-8.8,2.624c-3.072,0-6.112-0.864-8.8-2.624l-45.28-29.856 L1.024,404.992C3.488,420.192,16.096,432,32,432h448c15.904,0,28.512-11.808,30.976-27.008L310.08,277.952z"></path>
|
||||||
|
</g>
|
||||||
|
</g></svg></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-size-36">
|
||||||
|
<div class="u-layout-row">
|
||||||
|
<div class="u-container-style u-layout-cell u-size-60 u-layout-cell-2">
|
||||||
|
<div class="u-container-layout u-valign-middle u-container-layout-2">
|
||||||
|
<h5 class="u-text u-text-1">About Me</h5>
|
||||||
|
<p class="u-align-justify u-custom-font u-heading-font u-text u-text-2">My name is Nicholas Pease and I have been living it up since 2002. Currently a recent high school grad and waiting to ship to Army National Guard Basic training.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-image u-image-circle u-image-1" data-image-width="1067" data-image-height="1600"></div>
|
||||||
|
</section>
|
||||||
|
<section class="u-align-center u-clearfix u-section-3" id="sec-f686">
|
||||||
|
<div class="u-align-left u-clearfix u-sheet u-valign-middle u-sheet-1">
|
||||||
|
<div class="u-expanded-width u-list u-list-1">
|
||||||
|
<div class="u-repeater u-repeater-1">
|
||||||
|
<div class="u-container-style u-list-item u-repeater-item">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><span class="u-icon u-icon-circle u-opacity u-opacity-55 u-text-custom-color-1 u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="-66 0 511 511.99925" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-a04f"></use></svg><svg class="u-svg-content" viewBox="-66 0 511 511.99925" id="svg-a04f"><g fill="currentColor"><path d="m40.5 190c0 82.710938 67.289062 150 150 150s150-67.289062 150-150-67.289062-150-150-150-150 67.289062-150 150zm150-130c71.683594 0 130 58.316406 130 130s-58.316406 130-130 130-130-58.316406-130-130 58.316406-130 130-130zm0 0"></path><path d="m97.890625 172.171875 38.761719 38.191406-8.917969 53.675781c-.621094 3.738282.921875 7.503907 3.988281 9.730469 3.0625 2.226563 7.121094 2.527344 10.484375.785157l48.292969-25.078126 48.289062 25.078126c3.335938 1.730468 7.394532 1.460937 10.484376-.785157 3.066406-2.226562 4.609374-5.992187 3.988281-9.730469l-8.917969-53.675781 38.761719-38.191406c2.699219-2.65625 3.664062-6.609375 2.492187-10.214844-1.171875-3.601562-4.277344-6.230469-8.023437-6.796875l-53.792969-8.097656-24.339844-48.675781c-1.691406-3.386719-5.15625-5.527344-8.941406-5.527344-3.789062 0-7.25 2.140625-8.945312 5.527344l-24.339844 48.675781-53.792969 8.097656c-3.746094.5625-6.851563 3.195313-8.023437 6.796875-1.171876 3.605469-.203126 7.558594 2.492187 10.214844zm67.4375-6.105469c3.21875-.484375 6-2.503906 7.457031-5.414062l17.714844-35.433594 17.714844 35.433594c1.457031 2.910156 4.238281 4.929687 7.457031 5.414062l39.152344 5.894532-28.214844 27.792968c-2.316406 2.285156-3.378906 5.554688-2.847656 8.765625l6.492187 39.066407-35.148437-18.25c-1.441407-.75-3.023438-1.125-4.605469-1.125s-3.164062.375-4.609375 1.125l-35.148437 18.25 6.492187-39.066407c.535156-3.210937-.527344-6.480469-2.847656-8.765625l-28.210938-27.792968zm0 0"></path><path d="m200.5 10c0 5.523438-4.476562 10-10 10s-10-4.476562-10-10 4.476562-10 10-10 10 4.476562 10 10zm0 0"></path><path d="m143.371094 5.894531c-84.121094 21.472657-142.871094 97.179688-142.871094 184.105469 0 53.988281 22.699219 104.859375 62.546875 140.886719l-60.246094 106.175781c-1.9375 3.417969-1.695312 7.652344.617188 10.824219 2.3125 3.175781 6.265625 4.703125 10.113281 3.902343l68.417969-14.207031 24.046875 67.761719c1.304687 3.6875 4.644531 6.269531 8.542968 6.617188 3.898438.347656 7.636719-1.617188 9.570313-5.019532l66.390625-116.71875 66.386719 116.71875c1.789062 3.144532 5.117187 5.054688 8.6875 5.054688.292969 0 .589843-.011719.882812-.035156 3.898438-.347657 7.238281-2.933594 8.546875-6.617188l24.042969-67.761719 68.417969 14.207031c3.84375.796876 7.800781-.730468 10.113281-3.902343 2.316406-3.171875 2.554687-7.40625.617187-10.824219l-60.246093-106.175781c39.847656-36.027344 62.546875-86.898438 62.546875-140.886719 0-86.925781-58.75-162.632812-142.867188-184.105469-5.355468-1.367187-10.796875 1.863281-12.164062 7.214844-1.367188 5.351563 1.863281 10.796875 7.214844 12.164063 75.257812 19.210937 127.820312 86.949218 127.820312 164.726562 0 94.660156-76.878906 170-170 170-93.1875 0-170-75.402344-170-170 0-77.777344 52.558594-145.515625 127.816406-164.726562 5.351563-1.367188 8.582032-6.8125 7.21875-12.164063-1.367187-5.351563-6.808594-8.582031-12.164062-7.214844zm-25.835938 472.160157-19.652344-55.378907c-1.671874-4.710937-6.5625-7.464843-11.457031-6.449219l-55.324219 11.488282 47.679688-84.03125c27.800781 20.210937 60.71875 32.523437 94.949219 35.570312zm177.035156-61.828126c-4.890624-1.015624-9.785156 1.738282-11.457031 6.449219l-19.648437 55.378907-56.199219-98.800782c34.234375-3.046875 67.148437-15.359375 94.953125-35.570312l47.679688 84.03125zm0 0"></path>
|
||||||
|
</g></svg>
|
||||||
|
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<h3 class="u-align-center u-text u-text-1">Accolade's and Accomplishments</h3>
|
||||||
|
<p class="u-align-center u-text u-text-2">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||||
|
<a href="" class="u-active-none u-border-2 u-border-palette-2-light-1 u-btn u-button-style u-hover-none u-none u-text-body-color u-btn-1">learn more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-center u-container-style u-list-item u-repeater-item">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><span class="u-icon u-icon-circle u-opacity u-opacity-55 u-text-custom-color-1 u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2aef"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-2aef"><g><path d="m474.5 18.5h-437c-20.678 0-37.5 16.822-37.5 37.5v330c0 20.678 16.822 37.5 37.5 37.5h160.057l-9.027 31.594c-3.625 12.688-17.835 23.406-31.03 23.406h-56.5c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h310c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5h-56.5c-13.195 0-27.405-10.719-31.03-23.406l-9.027-31.594h160.057c20.678 0 37.5-16.822 37.5-37.5v-330c0-20.678-16.822-37.5-37.5-37.5zm-437 15h437c12.407 0 22.5 10.094 22.5 22.5v262.5h-482v-262.5c0-12.406 10.093-22.5 22.5-22.5zm271.547 425.715c2.058 7.205 6.149 13.824 11.512 19.285h-129.118c5.363-5.461 9.454-12.081 11.512-19.285l10.204-35.715h85.685zm165.453-50.715h-437c-12.407 0-22.5-10.094-22.5-22.5v-52.5h482v52.5c0 12.406-10.093 22.5-22.5 22.5z"></path><path d="m37.5 303.5h437c4.142 0 7.5-3.357 7.5-7.5v-240c0-4.143-3.358-7.5-7.5-7.5h-437c-4.142 0-7.5 3.357-7.5 7.5v105c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-97.5h422v225h-422v-97.5c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v105c0 4.143 3.358 7.5 7.5 7.5z"></path><path d="m256 348.5c-12.407 0-22.5 10.094-22.5 22.5s10.093 22.5 22.5 22.5 22.5-10.094 22.5-22.5-10.093-22.5-22.5-22.5zm0 30c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5-3.364 7.5-7.5 7.5z"></path>
|
||||||
|
</g></svg>
|
||||||
|
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<h3 class="u-align-center u-text u-text-3">Projects and Software</h3>
|
||||||
|
<p class="u-align-center u-text u-text-4">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||||
|
<a href="" class="u-active-none u-border-2 u-border-palette-2-light-1 u-btn u-button-style u-hover-none u-none u-text-body-color u-btn-2">learn more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-container-style u-list-item u-repeater-item">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-3"><span class="u-icon u-icon-circle u-opacity u-opacity-55 u-text-custom-color-1 u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512.418 512.418" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9d38"></use></svg><svg class="u-svg-content" viewBox="0 0 512.418 512.418" id="svg-9d38"><path d="m437.335 75.082c-100.1-100.102-262.136-100.118-362.252 0-100.103 100.102-100.118 262.136 0 362.253 100.1 100.102 262.136 100.117 362.252 0 100.103-100.102 100.117-262.136 0-362.253zm-10.706 325.739c-11.968-10.702-24.77-20.173-38.264-28.335 8.919-30.809 14.203-64.712 15.452-99.954h75.309c-3.405 47.503-21.657 92.064-52.497 128.289zm-393.338-128.289h75.309c1.249 35.242 6.533 69.145 15.452 99.954-13.494 8.162-26.296 17.633-38.264 28.335-30.84-36.225-49.091-80.786-52.497-128.289zm52.498-160.936c11.968 10.702 24.77 20.173 38.264 28.335-8.919 30.809-14.203 64.712-15.452 99.954h-75.31c3.406-47.502 21.657-92.063 52.498-128.289zm154.097 31.709c-26.622-1.904-52.291-8.461-76.088-19.278 13.84-35.639 39.354-78.384 76.088-88.977zm0 32.708v63.873h-98.625c1.13-29.812 5.354-58.439 12.379-84.632 27.043 11.822 56.127 18.882 86.246 20.759zm0 96.519v63.873c-30.119 1.877-59.203 8.937-86.246 20.759-7.025-26.193-11.249-54.82-12.379-84.632zm0 96.581v108.254c-36.732-10.593-62.246-53.333-76.088-88.976 23.797-10.817 49.466-17.374 76.088-19.278zm32.646 0c26.622 1.904 52.291 8.461 76.088 19.278-13.841 35.64-39.354 78.383-76.088 88.976zm0-32.708v-63.873h98.625c-1.13 29.812-5.354 58.439-12.379 84.632-27.043-11.822-56.127-18.882-86.246-20.759zm0-96.519v-63.873c30.119-1.877 59.203-8.937 86.246-20.759 7.025 26.193 11.249 54.82 12.379 84.632zm0-96.581v-108.254c36.734 10.593 62.248 53.338 76.088 88.977-23.797 10.816-49.466 17.373-76.088 19.277zm73.32-91.957c20.895 9.15 40.389 21.557 57.864 36.951-8.318 7.334-17.095 13.984-26.26 19.931-8.139-20.152-18.536-39.736-31.604-56.882zm-210.891 56.882c-9.165-5.947-17.941-12.597-26.26-19.931 17.475-15.394 36.969-27.801 57.864-36.951-13.068 17.148-23.465 36.732-31.604 56.882zm.001 295.958c8.138 20.151 18.537 39.736 31.604 56.882-20.895-9.15-40.389-21.557-57.864-36.951 8.318-7.334 17.095-13.984 26.26-19.931zm242.494 0c9.165 5.947 17.942 12.597 26.26 19.93-17.475 15.394-36.969 27.801-57.864 36.951 13.067-17.144 23.465-36.729 31.604-56.881zm26.362-164.302c-1.249-35.242-6.533-69.146-15.452-99.954 13.494-8.162 26.295-17.633 38.264-28.335 30.84 36.225 49.091 80.786 52.497 128.289z"></path></svg>
|
||||||
|
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<h3 class="u-align-center u-text u-text-5">Legacy Site</h3>
|
||||||
|
<p class="u-align-center u-text u-text-6">The original portfolio. lax18.github.io is now available through the below.</p>
|
||||||
|
<a href="" class="u-active-none u-border-2 u-border-palette-2-light-1 u-btn u-button-style u-hover-none u-none u-text-body-color u-btn-3">Access</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="u-backlink u-clearfix u-grey-80">
|
||||||
|
<a class="u-link" href="https://nicepage.com/html-templates" target="_blank">
|
||||||
|
<span>HTML Templates</span>
|
||||||
|
</a>
|
||||||
|
<p class="u-text">
|
||||||
|
<span>created with</span>
|
||||||
|
</p>
|
||||||
|
<a class="u-link" href="https://nicepage.com/static-site-generator" target="_blank">
|
||||||
|
<span>Static Site Generator</span>
|
||||||
|
</a>.
|
||||||
|
</section><span style="height: 64px; width: 64px; margin-left: 0px; margin-right: auto; margin-top: 0px; background-image: none; right: 20px; bottom: 20px" class="u-back-to-top u-icon u-icon-circle u-opacity u-opacity-85 u-palette-1-base u-spacing-15" data-href="#">
|
||||||
|
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use></svg>
|
||||||
|
<svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path></svg>
|
||||||
|
</span>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,100 @@
|
|||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 835px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-post-details-1 {
|
||||||
|
min-height: 375px;
|
||||||
|
margin-top: 60px;
|
||||||
|
margin-bottom: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
height: 486px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-1 {
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-metadata-1 {
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-text-2 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.u-section-1 .u-post-details-1 {
|
||||||
|
height: 715px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
margin-left: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 782px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-post-details-1 {
|
||||||
|
margin-bottom: 60px;
|
||||||
|
height: 662px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
height: 423px;
|
||||||
|
margin-left: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 722px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-post-details-1 {
|
||||||
|
height: 602px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-container-layout-1 {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
height: 354px;
|
||||||
|
margin-top: 9px;
|
||||||
|
margin-left: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575px) {
|
||||||
|
.u-section-1 .u-sheet-1 {
|
||||||
|
min-height: 656px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-post-details-1 {
|
||||||
|
height: 536px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-section-1 .u-image-1 {
|
||||||
|
height: 275px;
|
||||||
|
margin-left: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
+142
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 404 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 405 KiB |
+149
@@ -0,0 +1,149 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="font-size: 16px;">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="keywords" content="HARD TO HEAR NO MORE, Always Complaining About This Big, Big World, But what if they fall out?, Its an adjustment period, When will the AirPod 2 headphones come out?, Over-ear headphones are best for:, Its an Adjustment Period">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title>Home</title>
|
||||||
|
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="Home.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 3.18.2, nicepage.com">
|
||||||
|
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script type="application/ld+json">{
|
||||||
|
"@context": "http://schema.org",
|
||||||
|
"@type": "Organization",
|
||||||
|
"name": ""
|
||||||
|
}</script>
|
||||||
|
<meta name="theme-color" content="#343138">
|
||||||
|
<meta property="og:title" content="Home">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
</head>
|
||||||
|
<body data-home-page="Home.html" data-home-page-title="Home" class="u-body">
|
||||||
|
<section class="u-clearfix u-image u-shading u-section-1" id="sec-d873" data-image-width="4000" data-image-height="6000">
|
||||||
|
<div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<div class="u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-group-1">
|
||||||
|
<div class="u-container-layout u-valign-bottom-lg u-valign-bottom-xs u-container-layout-1">
|
||||||
|
<h1 class="u-text u-text-body-alt-color u-title u-text-1">Nicholas <br>Pease<br>
|
||||||
|
</h1>
|
||||||
|
<h5 class="u-text u-text-body-alt-color u-text-2">Hi there, it seems you've stumbled across my portfolio. This is a collection of everything that is me. </h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-left-lg u-align-left-sm u-align-left-xl u-align-left-xs u-border-13 u-border-custom-color-1 u-line u-line-vertical u-line-1"></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="u-clearfix u-section-2" id="carousel_15b2">
|
||||||
|
<div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
|
||||||
|
<div class="u-layout">
|
||||||
|
<div class="u-layout-row">
|
||||||
|
<div class="u-size-24">
|
||||||
|
<div class="u-layout-col">
|
||||||
|
<div class="u-container-style u-custom-color-1 u-layout-cell u-opacity u-opacity-65 u-size-60 u-layout-cell-1">
|
||||||
|
<div class="u-container-layout u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-xl u-container-layout-1">
|
||||||
|
<div class="u-social-icons u-spacing-10 u-social-icons-1">
|
||||||
|
<a class="u-social-url" title="facebook" target="_blank" href="https://www.facebook.com/nicholas.pease.18/"><span class="u-icon u-icon-circle u-social-facebook u-social-icon u-text-white u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7f9c"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-7f9c"><path fill="currentColor" d="M75.5,28.8H65.4c-1.5,0-4,0.9-4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2
|
||||||
|
c0-7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" title="instagram" target="_blank" href="https://www.instagram.com/nicholas.pease.18"><span class="u-icon u-icon-circle u-social-icon u-social-instagram u-text-white u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-4b89"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-4b89"><path fill="currentColor" d="M55.9,32.9c-12.8,0-23.2,10.4-23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-23.2S68.7,32.9,55.9,32.9z
|
||||||
|
M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-13.3,13.3-13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path fill="#FFFFFF" d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-5.4S82.7,26.8,79.7,26.8z"></path><path fill="currentColor" d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7
|
||||||
|
V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7
|
||||||
|
c0-7.1,5.8-12.8,12.8-12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" title="Snapchat" href="https://www.snapchat.com/add/npease2002"><span class="u-icon u-icon-circle u-social-icon u-social-snapchat u-text-white u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 24 24" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9dcf"></use></svg><svg class="u-svg-content" viewBox="0 0 24 24" id="svg-9dcf"><path d="m3.187 19.809c.273 1.2.566 1.697 2.14 1.439.458-.076 1.03-.171 1.734-.055 1.168.194 4.256 4.128 8.647.658.857-.6 1.325-.932 2.988-.606.726.141 1.657-.008 2.112-1.436 4.339-.781 3.407-3.174 2.107-3.383-2.26-.369-3.759-2.702-3.919-3.446.159-.098.507-.219.729-.295 3.665-1.268 1.625-4.354-.867-3.402.163-2.6.21-4.683-1.917-6.68-2.261-2.116-5.754-2.213-8.035-1.212-3.976 1.738-3.945 5.105-3.768 7.932-1.585-.606-2.66.267-2.833 1.162-.262 1.411 1.086 1.885 1.89 2.168.281.099.75.264.821.317-.087.101-.591 2.342-3.576 3.332-.57.189-1.109.368-1.343.89-.139.312-.128.662.036 1.039.403.936 1.713 1.338 3.054 1.578zm3.115-6.017c.66-1.33-.206-2.055-1.608-2.549-.296-.104-.846-.298-.918-.476.025-.063.222-.189.409-.189.058.004.224.068.334.109 4.742 1.796-.853-5.374 4.988-7.926 1.789-.784 4.643-.722 6.409.933 2.831 2.656.604 6.534 1.832 7.093.874.397 1.71-.214 2.012-.223.235 0 .44.14.462.19.004.177-.615.391-.985.519-1.71.591-2.244 1.299-1.277 3.062.729 1.33 2.271 2.985 4.313 3.487-1.433.828-2.521.099-2.839 1.351-.164.665-.269.642-.45.607-5.066-.992-4.72 4.27-9.869.831-1.757-1.173-2.1-1.048-4.385-.784-.096-.377-.158-.785-.291-1.031-.361-.668-1.697-.33-2.744-1.001 2.101-.719 3.522-1.565 4.607-4.003z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" title="Email" href="mailto:nicholaspease18@gmail.com"><span class="u-icon u-icon-circle u-social-email u-social-icon u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-8c52"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-8c52" style="enable-background:new 0 0 512 512;"><g><g><polygon points="339.392,258.624 512,367.744 512,144.896 "></polygon>
|
||||||
|
</g>
|
||||||
|
</g><g><g><polygon points="0,144.896 0,367.744 172.608,258.624 "></polygon>
|
||||||
|
</g>
|
||||||
|
</g><g><g><path d="M480,80H32C16.032,80,3.36,91.904,0.96,107.232L256,275.264l255.04-168.032C508.64,91.904,495.968,80,480,80z"></path>
|
||||||
|
</g>
|
||||||
|
</g><g><g><path d="M310.08,277.952l-45.28,29.824c-2.688,1.76-5.728,2.624-8.8,2.624c-3.072,0-6.112-0.864-8.8-2.624l-45.28-29.856 L1.024,404.992C3.488,420.192,16.096,432,32,432h448c15.904,0,28.512-11.808,30.976-27.008L310.08,277.952z"></path>
|
||||||
|
</g>
|
||||||
|
</g></svg></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-size-36">
|
||||||
|
<div class="u-layout-row">
|
||||||
|
<div class="u-container-style u-layout-cell u-size-60 u-layout-cell-2">
|
||||||
|
<div class="u-container-layout u-valign-middle u-container-layout-2">
|
||||||
|
<h5 class="u-text u-text-1">About Me</h5>
|
||||||
|
<p class="u-align-justify u-custom-font u-heading-font u-text u-text-2">My name is Nicholas Pease and I have been living it up since 2002. Currently a recent high school grad and waiting to ship to Army National Guard Basic training.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-image u-image-circle u-image-1" data-image-width="1067" data-image-height="1600"></div>
|
||||||
|
</section>
|
||||||
|
<section class="u-align-center u-clearfix u-section-3" id="sec-f686">
|
||||||
|
<div class="u-align-left u-clearfix u-sheet u-valign-middle u-sheet-1">
|
||||||
|
<div class="u-expanded-width u-list u-list-1">
|
||||||
|
<div class="u-repeater u-repeater-1">
|
||||||
|
<div class="u-container-style u-list-item u-repeater-item">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-1"><span class="u-icon u-icon-circle u-opacity u-opacity-55 u-text-custom-color-1 u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="-66 0 511 511.99925" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-a04f"></use></svg><svg class="u-svg-content" viewBox="-66 0 511 511.99925" id="svg-a04f"><g fill="currentColor"><path d="m40.5 190c0 82.710938 67.289062 150 150 150s150-67.289062 150-150-67.289062-150-150-150-150 67.289062-150 150zm150-130c71.683594 0 130 58.316406 130 130s-58.316406 130-130 130-130-58.316406-130-130 58.316406-130 130-130zm0 0"></path><path d="m97.890625 172.171875 38.761719 38.191406-8.917969 53.675781c-.621094 3.738282.921875 7.503907 3.988281 9.730469 3.0625 2.226563 7.121094 2.527344 10.484375.785157l48.292969-25.078126 48.289062 25.078126c3.335938 1.730468 7.394532 1.460937 10.484376-.785157 3.066406-2.226562 4.609374-5.992187 3.988281-9.730469l-8.917969-53.675781 38.761719-38.191406c2.699219-2.65625 3.664062-6.609375 2.492187-10.214844-1.171875-3.601562-4.277344-6.230469-8.023437-6.796875l-53.792969-8.097656-24.339844-48.675781c-1.691406-3.386719-5.15625-5.527344-8.941406-5.527344-3.789062 0-7.25 2.140625-8.945312 5.527344l-24.339844 48.675781-53.792969 8.097656c-3.746094.5625-6.851563 3.195313-8.023437 6.796875-1.171876 3.605469-.203126 7.558594 2.492187 10.214844zm67.4375-6.105469c3.21875-.484375 6-2.503906 7.457031-5.414062l17.714844-35.433594 17.714844 35.433594c1.457031 2.910156 4.238281 4.929687 7.457031 5.414062l39.152344 5.894532-28.214844 27.792968c-2.316406 2.285156-3.378906 5.554688-2.847656 8.765625l6.492187 39.066407-35.148437-18.25c-1.441407-.75-3.023438-1.125-4.605469-1.125s-3.164062.375-4.609375 1.125l-35.148437 18.25 6.492187-39.066407c.535156-3.210937-.527344-6.480469-2.847656-8.765625l-28.210938-27.792968zm0 0"></path><path d="m200.5 10c0 5.523438-4.476562 10-10 10s-10-4.476562-10-10 4.476562-10 10-10 10 4.476562 10 10zm0 0"></path><path d="m143.371094 5.894531c-84.121094 21.472657-142.871094 97.179688-142.871094 184.105469 0 53.988281 22.699219 104.859375 62.546875 140.886719l-60.246094 106.175781c-1.9375 3.417969-1.695312 7.652344.617188 10.824219 2.3125 3.175781 6.265625 4.703125 10.113281 3.902343l68.417969-14.207031 24.046875 67.761719c1.304687 3.6875 4.644531 6.269531 8.542968 6.617188 3.898438.347656 7.636719-1.617188 9.570313-5.019532l66.390625-116.71875 66.386719 116.71875c1.789062 3.144532 5.117187 5.054688 8.6875 5.054688.292969 0 .589843-.011719.882812-.035156 3.898438-.347657 7.238281-2.933594 8.546875-6.617188l24.042969-67.761719 68.417969 14.207031c3.84375.796876 7.800781-.730468 10.113281-3.902343 2.316406-3.171875 2.554687-7.40625.617187-10.824219l-60.246093-106.175781c39.847656-36.027344 62.546875-86.898438 62.546875-140.886719 0-86.925781-58.75-162.632812-142.867188-184.105469-5.355468-1.367187-10.796875 1.863281-12.164062 7.214844-1.367188 5.351563 1.863281 10.796875 7.214844 12.164063 75.257812 19.210937 127.820312 86.949218 127.820312 164.726562 0 94.660156-76.878906 170-170 170-93.1875 0-170-75.402344-170-170 0-77.777344 52.558594-145.515625 127.816406-164.726562 5.351563-1.367188 8.582032-6.8125 7.21875-12.164063-1.367187-5.351563-6.808594-8.582031-12.164062-7.214844zm-25.835938 472.160157-19.652344-55.378907c-1.671874-4.710937-6.5625-7.464843-11.457031-6.449219l-55.324219 11.488282 47.679688-84.03125c27.800781 20.210937 60.71875 32.523437 94.949219 35.570312zm177.035156-61.828126c-4.890624-1.015624-9.785156 1.738282-11.457031 6.449219l-19.648437 55.378907-56.199219-98.800782c34.234375-3.046875 67.148437-15.359375 94.953125-35.570312l47.679688 84.03125zm0 0"></path>
|
||||||
|
</g></svg>
|
||||||
|
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<h3 class="u-align-center u-text u-text-1">Accolade's and Accomplishments</h3>
|
||||||
|
<p class="u-align-center u-text u-text-2">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||||
|
<a href="" class="u-active-none u-border-2 u-border-palette-2-light-1 u-btn u-button-style u-hover-none u-none u-text-body-color u-btn-1">learn more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-center u-container-style u-list-item u-repeater-item">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2"><span class="u-icon u-icon-circle u-opacity u-opacity-55 u-text-custom-color-1 u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-2aef"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-2aef"><g><path d="m474.5 18.5h-437c-20.678 0-37.5 16.822-37.5 37.5v330c0 20.678 16.822 37.5 37.5 37.5h160.057l-9.027 31.594c-3.625 12.688-17.835 23.406-31.03 23.406h-56.5c-4.142 0-7.5 3.357-7.5 7.5s3.358 7.5 7.5 7.5h310c4.142 0 7.5-3.357 7.5-7.5s-3.358-7.5-7.5-7.5h-56.5c-13.195 0-27.405-10.719-31.03-23.406l-9.027-31.594h160.057c20.678 0 37.5-16.822 37.5-37.5v-330c0-20.678-16.822-37.5-37.5-37.5zm-437 15h437c12.407 0 22.5 10.094 22.5 22.5v262.5h-482v-262.5c0-12.406 10.093-22.5 22.5-22.5zm271.547 425.715c2.058 7.205 6.149 13.824 11.512 19.285h-129.118c5.363-5.461 9.454-12.081 11.512-19.285l10.204-35.715h85.685zm165.453-50.715h-437c-12.407 0-22.5-10.094-22.5-22.5v-52.5h482v52.5c0 12.406-10.093 22.5-22.5 22.5z"></path><path d="m37.5 303.5h437c4.142 0 7.5-3.357 7.5-7.5v-240c0-4.143-3.358-7.5-7.5-7.5h-437c-4.142 0-7.5 3.357-7.5 7.5v105c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-97.5h422v225h-422v-97.5c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v105c0 4.143 3.358 7.5 7.5 7.5z"></path><path d="m256 348.5c-12.407 0-22.5 10.094-22.5 22.5s10.093 22.5 22.5 22.5 22.5-10.094 22.5-22.5-10.093-22.5-22.5-22.5zm0 30c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5-3.364 7.5-7.5 7.5z"></path>
|
||||||
|
</g></svg>
|
||||||
|
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<h3 class="u-align-center u-text u-text-3">Projects and Software</h3>
|
||||||
|
<p class="u-align-center u-text u-text-4">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||||
|
<a href="" class="u-active-none u-border-2 u-border-palette-2-light-1 u-btn u-button-style u-hover-none u-none u-text-body-color u-btn-2">learn more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-container-style u-list-item u-repeater-item">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-3"><span class="u-icon u-icon-circle u-opacity u-opacity-55 u-text-custom-color-1 u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512.418 512.418" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-9d38"></use></svg><svg class="u-svg-content" viewBox="0 0 512.418 512.418" id="svg-9d38"><path d="m437.335 75.082c-100.1-100.102-262.136-100.118-362.252 0-100.103 100.102-100.118 262.136 0 362.253 100.1 100.102 262.136 100.117 362.252 0 100.103-100.102 100.117-262.136 0-362.253zm-10.706 325.739c-11.968-10.702-24.77-20.173-38.264-28.335 8.919-30.809 14.203-64.712 15.452-99.954h75.309c-3.405 47.503-21.657 92.064-52.497 128.289zm-393.338-128.289h75.309c1.249 35.242 6.533 69.145 15.452 99.954-13.494 8.162-26.296 17.633-38.264 28.335-30.84-36.225-49.091-80.786-52.497-128.289zm52.498-160.936c11.968 10.702 24.77 20.173 38.264 28.335-8.919 30.809-14.203 64.712-15.452 99.954h-75.31c3.406-47.502 21.657-92.063 52.498-128.289zm154.097 31.709c-26.622-1.904-52.291-8.461-76.088-19.278 13.84-35.639 39.354-78.384 76.088-88.977zm0 32.708v63.873h-98.625c1.13-29.812 5.354-58.439 12.379-84.632 27.043 11.822 56.127 18.882 86.246 20.759zm0 96.519v63.873c-30.119 1.877-59.203 8.937-86.246 20.759-7.025-26.193-11.249-54.82-12.379-84.632zm0 96.581v108.254c-36.732-10.593-62.246-53.333-76.088-88.976 23.797-10.817 49.466-17.374 76.088-19.278zm32.646 0c26.622 1.904 52.291 8.461 76.088 19.278-13.841 35.64-39.354 78.383-76.088 88.976zm0-32.708v-63.873h98.625c-1.13 29.812-5.354 58.439-12.379 84.632-27.043-11.822-56.127-18.882-86.246-20.759zm0-96.519v-63.873c30.119-1.877 59.203-8.937 86.246-20.759 7.025 26.193 11.249 54.82 12.379 84.632zm0-96.581v-108.254c36.734 10.593 62.248 53.338 76.088 88.977-23.797 10.816-49.466 17.373-76.088 19.277zm73.32-91.957c20.895 9.15 40.389 21.557 57.864 36.951-8.318 7.334-17.095 13.984-26.26 19.931-8.139-20.152-18.536-39.736-31.604-56.882zm-210.891 56.882c-9.165-5.947-17.941-12.597-26.26-19.931 17.475-15.394 36.969-27.801 57.864-36.951-13.068 17.148-23.465 36.732-31.604 56.882zm.001 295.958c8.138 20.151 18.537 39.736 31.604 56.882-20.895-9.15-40.389-21.557-57.864-36.951 8.318-7.334 17.095-13.984 26.26-19.931zm242.494 0c9.165 5.947 17.942 12.597 26.26 19.93-17.475 15.394-36.969 27.801-57.864 36.951 13.067-17.144 23.465-36.729 31.604-56.881zm26.362-164.302c-1.249-35.242-6.533-69.146-15.452-99.954 13.494-8.162 26.295-17.633 38.264-28.335 30.84 36.225 49.091 80.786 52.497 128.289z"></path></svg>
|
||||||
|
|
||||||
|
|
||||||
|
</span>
|
||||||
|
<h3 class="u-align-center u-text u-text-5">Legacy Site</h3>
|
||||||
|
<p class="u-align-center u-text u-text-6">The original portfolio. lax18.github.io is now available through the below.</p>
|
||||||
|
<a href="" class="u-active-none u-border-2 u-border-palette-2-light-1 u-btn u-button-style u-hover-none u-none u-text-body-color u-btn-3">Access</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="u-backlink u-clearfix u-grey-80">
|
||||||
|
<a class="u-link" href="https://nicepage.com/html-templates" target="_blank">
|
||||||
|
<span>HTML Templates</span>
|
||||||
|
</a>
|
||||||
|
<p class="u-text">
|
||||||
|
<span>created with</span>
|
||||||
|
</p>
|
||||||
|
<a class="u-link" href="https://nicepage.com/static-site-generator" target="_blank">
|
||||||
|
<span>Static Site Generator</span>
|
||||||
|
</a>.
|
||||||
|
</section><span style="height: 64px; width: 64px; margin-left: 0px; margin-right: auto; margin-top: 0px; background-image: none; right: 20px; bottom: 20px" class="u-back-to-top u-icon u-icon-circle u-opacity u-opacity-85 u-palette-1-base u-spacing-15" data-href="#">
|
||||||
|
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use></svg>
|
||||||
|
<svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path></svg>
|
||||||
|
</span>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
+33956
File diff suppressed because it is too large
Load Diff
+31
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user