Updated website

This commit is contained in:
Nathan Woodburn 2020-10-29 12:46:50 +11:00
parent b4696d72b6
commit bbf0cbe4de
5 changed files with 191 additions and 40 deletions

View File

@ -1,11 +1,9 @@
.u-section-1 {min-height: 1075px} .u-section-1 {min-height: 676px; background-image: url("images/gr4.png"); background-position: 0% 0%; background-size: 115%}
.u-section-1 .u-image-1 {height: 998px; margin-top: 0; margin-bottom: 0; margin-left: 0; object-position: 0% 0%; background-position: 0% 0%} .u-section-1 .u-group-1 {width: 661px; min-height: 717px; height: auto; margin: 30px auto 0 calc(((100% - 1140px) / 2))}
.u-section-1 .u-group-1 {width: 661px; min-height: 717px; height: auto; margin: -906px auto 0 calc(((100% - 1140px) / 2))}
.u-section-1 .u-container-layout-1 {padding-left: 0; padding-right: 20px; padding-bottom: 0} .u-section-1 .u-container-layout-1 {padding-left: 0; padding-right: 20px; padding-bottom: 0}
.u-section-1 .u-text-1 {font-size: 4.5rem; margin: 20px 0 0} .u-section-1 .u-text-1 {font-size: 1.25rem; font-weight: 500; margin: 20px 0 0}
.u-section-1 .u-text-2 {font-size: 1.25rem; font-weight: 500; margin: 77px 0 0} .u-section-1 .u-text-2 {font-size: 1.25rem; margin: 262px 582px 0 14px}
.u-section-1 .u-text-3 {font-size: 1.25rem; margin: 262px auto 0 14px} .u-section-1 .u-layout-wrap-1 {width: 661px; margin: -659px auto 0 calc(((100% - 1140px) / 2))}
.u-section-1 .u-layout-wrap-1 {width: 661px; margin: -497px auto 0 calc(((100% - 1140px) / 2))}
.u-section-1 .u-layout-cell-1 {min-height: 119px} .u-section-1 .u-layout-cell-1 {min-height: 119px}
.u-section-1 .u-container-layout-2 {padding: 30px} .u-section-1 .u-container-layout-2 {padding: 30px}
.u-section-1 .u-btn-1 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin: 0 auto -7px 0; padding: 21px 70px 22px 68px} .u-section-1 .u-btn-1 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin: 0 auto -7px 0; padding: 21px 70px 22px 68px}
@ -15,7 +13,7 @@
.u-section-1 .u-container-layout-4 {padding: 30px} .u-section-1 .u-container-layout-4 {padding: 30px}
.u-section-1 .u-layout-cell-4 {min-height: 119px} .u-section-1 .u-layout-cell-4 {min-height: 119px}
.u-section-1 .u-container-layout-5 {padding: 30px} .u-section-1 .u-container-layout-5 {padding: 30px}
.u-section-1 .u-layout-wrap-2 {width: 660px; margin: 49px auto 60px calc(((100% - 1140px) / 2))} .u-section-1 .u-layout-wrap-2 {width: 660px; margin: 66px auto -182px calc(((100% - 1140px) / 2))}
.u-section-1 .u-layout-cell-5 {min-height: 102px} .u-section-1 .u-layout-cell-5 {min-height: 102px}
.u-section-1 .u-container-layout-6 {padding: 30px} .u-section-1 .u-container-layout-6 {padding: 30px}
.u-section-1 .u-btn-2 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin: 0 auto 0 0; padding: 21px 70px 22px 68px} .u-section-1 .u-btn-2 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin: 0 auto 0 0; padding: 21px 70px 22px 68px}
@ -27,34 +25,29 @@
.u-section-1 .u-layout-cell-8 {min-height: 102px} .u-section-1 .u-layout-cell-8 {min-height: 102px}
.u-section-1 .u-container-layout-9 {padding: 30px} .u-section-1 .u-container-layout-9 {padding: 30px}
@media (max-width: 1199px){ .u-section-1 {min-height: 1056px} @media (max-width: 1199px){ .u-section-1 {min-height: 559px}
.u-section-1 .u-image-1 {height: 955px; margin-left: initial} .u-section-1 .u-group-1 {width: 447px; min-height: 397px; margin-top: -974px; margin-left: calc(((100% - 1140px) / 2) + 100px)}
.u-section-1 .u-group-1 {width: 447px; min-height: 397px; margin-top: -863px; margin-bottom: 542px; margin-left: calc(((100% - 1140px) / 2) + 100px)}
.u-section-1 .u-container-layout-1 {padding-right: 16px} .u-section-1 .u-container-layout-1 {padding-right: 16px}
.u-section-1 .u-text-1 {position: relative; font-size: 3.75rem} .u-section-1 .u-text-1 {position: relative}
.u-section-1 .u-text-2 {position: relative} .u-section-1 .u-layout-wrap-1 {margin-left: calc(((100% - 940px) / 2))}
.u-section-1 .u-layout-wrap-1 {margin-top: -243px; margin-left: calc(((100% - 940px) / 2))} .u-section-1 .u-layout-wrap-2 {margin-bottom: 60px; margin-left: calc(((100% - 940px) / 2))} }
.u-section-1 .u-layout-wrap-2 {margin-left: calc(((100% - 940px) / 2))} }
@media (max-width: 991px){ .u-section-1 .u-image-1 {height: 926px; margin-left: initial} @media (max-width: 991px){ .u-section-1 {min-height: 557px}
.u-section-1 .u-group-1 {width: 622px; min-height: 389px; margin-top: -903px; margin-bottom: 644px; margin-left: calc(((100% - 1140px) / 2) + 210px)} .u-section-1 .u-group-1 {width: 622px; min-height: 389px; margin-left: calc(((100% - 1140px) / 2) + 210px)}
.u-section-1 .u-container-layout-1 {padding-left: 13px; padding-right: 13px} .u-section-1 .u-container-layout-1 {padding-left: 13px; padding-right: 13px}
.u-section-1 .u-text-1 {font-size: 4.5rem; margin-top: 115px} .u-section-1 .u-text-1 {margin-top: 115px}
.u-section-1 .u-text-2 {margin-top: 18px} .u-section-1 .u-text-2 {margin-top: 39px}
.u-section-1 .u-text-3 {margin-top: 39px}
.u-section-1 .u-layout-wrap-1 {margin-left: calc(((100% - 720px) / 2))} .u-section-1 .u-layout-wrap-1 {margin-left: calc(((100% - 720px) / 2))}
.u-section-1 .u-layout-cell-1 {min-height: 100px} .u-section-1 .u-layout-cell-1 {min-height: 100px}
.u-section-1 .u-layout-wrap-2 {margin-left: calc(((100% - 720px) / 2))} .u-section-1 .u-layout-wrap-2 {margin-left: calc(((100% - 720px) / 2))}
.u-section-1 .u-layout-cell-5 {min-height: 100px} .u-section-1 .u-layout-cell-5 {min-height: 100px}
.u-section-1 .u-layout-cell-6 {min-height: 100px} } .u-section-1 .u-layout-cell-6 {min-height: 100px} }
@media (max-width: 767px){ .u-section-1 {min-height: 2120px} @media (max-width: 767px){ .u-section-1 {min-height: 1333px}
.u-section-1 .u-image-1 {height: 1006px; margin-left: initial} .u-section-1 .u-group-1 {min-height: 397px; margin-right: initial; margin-left: initial; width: auto}
.u-section-1 .u-group-1 {min-height: 397px; margin-top: -1794px; margin-bottom: 1621px; margin-right: initial; margin-left: initial; width: auto}
.u-section-1 .u-container-layout-1 {padding-left: 9px; padding-right: 9px} .u-section-1 .u-container-layout-1 {padding-left: 9px; padding-right: 9px}
.u-section-1 .u-text-1 {margin-top: 20px} .u-section-1 .u-text-1 {margin-top: 20px}
.u-section-1 .u-text-2 {margin-top: 77px} .u-section-1 .u-text-2 {margin-top: 262px; margin-right: 485px; margin-left: 7px}
.u-section-1 .u-text-3 {margin-top: 262px; margin-left: 7px}
.u-section-1 .u-layout-wrap-1 {width: 540px; margin-left: calc(((100% - 540px) / 2))} .u-section-1 .u-layout-wrap-1 {width: 540px; margin-left: calc(((100% - 540px) / 2))}
.u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
.u-section-1 .u-layout-cell-2 {min-height: 194px} .u-section-1 .u-layout-cell-2 {min-height: 194px}
@ -71,12 +64,10 @@
.u-section-1 .u-layout-cell-8 {min-height: 167px} .u-section-1 .u-layout-cell-8 {min-height: 167px}
.u-section-1 .u-container-layout-9 {padding-left: 10px; padding-right: 10px} } .u-section-1 .u-container-layout-9 {padding-left: 10px; padding-right: 10px} }
@media (max-width: 575px){ .u-section-1 {min-height: 1873px} @media (max-width: 575px){ .u-section-1 {min-height: 993px}
.u-section-1 .u-image-1 {height: 1026px; margin-left: initial} .u-section-1 .u-group-1 {min-height: 423px; width: auto; margin-right: initial; margin-left: initial}
.u-section-1 .u-group-1 {min-height: 423px; margin-top: -1600px; margin-bottom: 1296px; width: auto; margin-right: initial; margin-left: initial}
.u-section-1 .u-container-layout-1 {padding-left: 6px; padding-right: 6px} .u-section-1 .u-container-layout-1 {padding-left: 6px; padding-right: 6px}
.u-section-1 .u-text-1 {font-size: 3rem} .u-section-1 .u-text-2 {margin-right: 285px; margin-left: 4px}
.u-section-1 .u-text-3 {margin-left: 4px}
.u-section-1 .u-layout-wrap-1 {width: 340px; margin-left: calc(((100% - 340px) / 2))} .u-section-1 .u-layout-wrap-1 {width: 340px; margin-left: calc(((100% - 340px) / 2))}
.u-section-1 .u-layout-cell-2 {min-height: 122px} .u-section-1 .u-layout-cell-2 {min-height: 122px}
.u-section-1 .u-layout-cell-3 {min-height: 122px} .u-section-1 .u-layout-cell-3 {min-height: 122px}

View File

@ -57,13 +57,11 @@
</a> </a>
<h1 class="u-heading-font u-text u-text-default u-title u-text-1">Nathan Woodburn</h1> <h1 class="u-heading-font u-text u-text-default u-title u-text-1">Nathan Woodburn</h1>
</div></header> </div></header>
<section class="u-clearfix u-section-1" id="sec-950a"> <section class="u-clearfix u-image u-section-1" id="sec-950a">
<img src="images/gr4.png" alt="" class="u-expanded-width u-image u-image-default u-image-1">
<div class="u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-group-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-middle-md u-container-layout-1"> <div class="u-container-layout u-valign-middle-md u-container-layout-1">
<h1 class="u-text u-text-body-alt-color u-title u-text-1">Nathan Woodburn</h1> <p class="u-large-text u-text u-text-body-alt-color u-text-variant u-text-1">Projects</p>
<p class="u-large-text u-text u-text-body-alt-color u-text-variant u-text-2">Projects</p> <p class="u-text u-text-body-alt-color u-text-2">Sites</p>
<p class="u-text u-text-body-alt-color u-text-default u-text-3">Sites</p>
</div> </div>
</div> </div>
<div class="u-clearfix u-layout-wrap u-layout-wrap-1"> <div class="u-clearfix u-layout-wrap u-layout-wrap-1">

View File

@ -0,0 +1,163 @@
<!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="Water Tested, Carved&nbsp;Frame, Curved Glass, Discover&nbsp;a world without limits, Explore other Galaxy devices., The new super powerful Galaxy Note9, Connect to everything important to you, Galaxy Note9: See what else it can do., Gear IconX, Tablet mobility.
PC power."><meta name="description" content=""><meta name="page_type" content="np-template-header-footer-from-plugin">
<title></title>
<link rel="stylesheet" href="/nicepage.css" media="screen">
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"><link rel="icon" href="favicon.png"></head>
<body class="u-body" data-style="blank" data-posts="" data-global-section-properties="{&quot;colorings&quot;:{&quot;light&quot;:[&quot;clean&quot;],&quot;colored&quot;:[&quot;clean&quot;],&quot;dark&quot;:[&quot;dark&quot;]}}" data-source="fix" data-template-id="20573" data-page-sections-style="[{&quot;tags&quot;:&quot;blank&quot;}]" data-page-coloring-types="{&quot;light&quot;:[&quot;clean&quot;],&quot;colored&quot;:[&quot;clean&quot;],&quot;dark&quot;:[&quot;dark&quot;]}" data-page-category="&quot;Basic&quot;">
<section class="u-clearfix u-image u-block-5036-57" custom-posts-hash="[]" data-style="blank" data-section-properties="{&quot;margin&quot;:&quot;none&quot;,&quot;stretch&quot;:true}" id="sec-950a" data-id="5036">
<style data-mode="XL">@media (min-width: 1200px){ .u-block-5036-57 {min-height: 676px; background-image: url("np://user.desktop.nicepage.com/Site_221126440/images/gr4.png"); background-position: 0% 0%; background-size: 115%}
.u-block-5036-27 {width: 661px; min-height: 717px; height: auto; margin-top: 30px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 1140px) / 2))}
.u-block-5036-28 {padding-left: 0; padding-right: 20px; padding-bottom: 0}
.u-block-5036-30 {font-size: 1.25rem; font-weight: 500; margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: 0}
.u-block-5036-41 {font-size: 1.25rem; margin-top: 262px; margin-right: 582px; margin-bottom: 0; margin-left: 14px}
.u-block-5036-32 {width: 661px; margin-top: -659px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 1140px) / 2))}
.u-block-5036-33 {min-height: 119px}
.u-block-5036-34 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-52 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin-top: 0; margin-right: auto; margin-bottom: -7px; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-35 {min-height: 119px}
.u-block-5036-36 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-37 {min-height: 119px}
.u-block-5036-38 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-39 {min-height: 119px}
.u-block-5036-40 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-42 {width: 660px; margin-top: 66px; margin-right: auto; margin-bottom: -182px; margin-left: calc(((100% - 1140px) / 2))}
.u-block-5036-43 {min-height: 102px}
.u-block-5036-44 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-53 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-54 {min-height: 102px}
.u-block-5036-55 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-56 {border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; background-image: none; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-48 {min-height: 102px}
.u-block-5036-49 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-50 {min-height: 102px}
.u-block-5036-51 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px} }</style>
<style data-mode="LG">@media (max-width: 1199px) and (min-width: 992px){ .u-block-5036-57 {background-image: url("np://user.desktop.nicepage.com/Site_221126440/images/gr4.png"); min-height: 559px; background-position: 0% 0%; background-size: 115%}
.u-block-5036-27 {width: 447px; min-height: 397px; margin-top: -974px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 1140px) / 2) + 100px)}
.u-block-5036-28 {padding-left: 0; padding-right: 16px; padding-bottom: 0}
.u-block-5036-30 {position: relative; font-size: 1.25rem; font-weight: 500; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
.u-block-5036-41 {font-size: 1.25rem; margin-top: 262px; margin-right: 582px; margin-bottom: 0; margin-left: 14px}
.u-block-5036-32 {width: 661px; margin-top: -659px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 940px) / 2))}
.u-block-5036-33 {min-height: 119px}
.u-block-5036-34 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-52 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: -7px; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-35 {min-height: 119px}
.u-block-5036-36 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-37 {min-height: 119px}
.u-block-5036-38 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-39 {min-height: 119px}
.u-block-5036-40 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-42 {width: 660px; margin-top: 66px; margin-right: auto; margin-bottom: 60px; margin-left: calc(((100% - 940px) / 2))}
.u-block-5036-43 {min-height: 102px}
.u-block-5036-44 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-53 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-54 {min-height: 102px}
.u-block-5036-55 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-56 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-48 {min-height: 102px}
.u-block-5036-49 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-50 {min-height: 102px}
.u-block-5036-51 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px} }</style>
<style data-mode="MD">@media (max-width: 991px) and (min-width: 768px){ .u-block-5036-57 {background-image: url("np://user.desktop.nicepage.com/Site_221126440/images/gr4.png"); min-height: 557px; background-position: 0% 0%; background-size: 115%}
.u-block-5036-27 {width: 622px; min-height: 389px; margin-top: -974px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 1140px) / 2) + 210px)}
.u-block-5036-28 {padding-left: 13px; padding-right: 13px; padding-bottom: 0}
.u-block-5036-30 {font-size: 1.25rem; font-weight: 500; position: relative; margin-top: 115px; margin-left: 0; margin-right: 0; margin-bottom: 0}
.u-block-5036-41 {font-size: 1.25rem; margin-top: 39px; margin-right: 582px; margin-bottom: 0; margin-left: 14px}
.u-block-5036-32 {width: 661px; margin-top: -659px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 720px) / 2))}
.u-block-5036-33 {min-height: 100px}
.u-block-5036-34 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-52 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: -7px; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-35 {min-height: 119px}
.u-block-5036-36 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-37 {min-height: 119px}
.u-block-5036-38 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-39 {min-height: 119px}
.u-block-5036-40 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-42 {width: 660px; margin-top: 66px; margin-right: auto; margin-bottom: 60px; margin-left: calc(((100% - 720px) / 2))}
.u-block-5036-43 {min-height: 100px}
.u-block-5036-44 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-53 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-54 {min-height: 100px}
.u-block-5036-55 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-56 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-48 {min-height: 102px}
.u-block-5036-49 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
.u-block-5036-50 {min-height: 102px}
.u-block-5036-51 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px} }</style>
<style data-mode="SM">@media (max-width: 767px) and (min-width: 576px){ .u-block-5036-57 {background-image: url("np://user.desktop.nicepage.com/Site_221126440/images/gr4.png"); min-height: 1333px; background-position: 0% 0%; background-size: 115%}
.u-block-5036-27 {min-height: 397px; margin-top: -974px; margin-bottom: 0}
.u-block-5036-28 {padding-left: 9px; padding-right: 9px; padding-bottom: 0}
.u-block-5036-30 {position: relative; font-size: 1.25rem; font-weight: 500; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
.u-block-5036-41 {font-size: 1.25rem; margin-top: 262px; margin-right: 485px; margin-bottom: 0; margin-left: 7px}
.u-block-5036-32 {width: 540px; margin-top: -659px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 540px) / 2))}
.u-block-5036-33 {min-height: 100px}
.u-block-5036-34 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-52 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: -7px; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-35 {min-height: 194px}
.u-block-5036-36 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-37 {min-height: 194px}
.u-block-5036-38 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-39 {min-height: 194px}
.u-block-5036-40 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-42 {width: 540px; margin-top: 66px; margin-right: auto; margin-bottom: 60px; margin-left: calc(((100% - 540px) / 2))}
.u-block-5036-43 {min-height: 100px}
.u-block-5036-44 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-53 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-54 {min-height: 100px}
.u-block-5036-55 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-56 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-48 {min-height: 167px}
.u-block-5036-49 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-50 {min-height: 167px}
.u-block-5036-51 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px} }</style>
<style data-mode="XS">@media (max-width: 575px){ .u-block-5036-57 {background-image: url("np://user.desktop.nicepage.com/Site_221126440/images/gr4.png"); min-height: 993px; background-position: 0% 0%; background-size: 115%}
.u-block-5036-27 {min-height: 423px; margin-top: -974px; margin-bottom: 0}
.u-block-5036-28 {padding-left: 6px; padding-right: 6px; padding-bottom: 0}
.u-block-5036-30 {position: relative; font-size: 1.25rem; font-weight: 500; margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
.u-block-5036-41 {font-size: 1.25rem; margin-top: 262px; margin-right: 285px; margin-bottom: 0; margin-left: 4px}
.u-block-5036-32 {width: 340px; margin-top: -659px; margin-right: auto; margin-bottom: 0; margin-left: calc(((100% - 340px) / 2))}
.u-block-5036-33 {min-height: 100px}
.u-block-5036-34 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-52 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: -7px; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-35 {min-height: 122px}
.u-block-5036-36 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-37 {min-height: 122px}
.u-block-5036-38 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-39 {min-height: 122px}
.u-block-5036-40 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-42 {width: 340px; margin-top: 66px; margin-right: auto; margin-bottom: 60px; margin-left: calc(((100% - 340px) / 2))}
.u-block-5036-43 {min-height: 100px}
.u-block-5036-44 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-53 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-54 {min-height: 100px}
.u-block-5036-55 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-56 {background-image: none; border-style: solid; font-weight: 700; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0; padding-top: 21px; padding-right: 70px; padding-bottom: 22px; padding-left: 68px}
.u-block-5036-48 {min-height: 105px}
.u-block-5036-49 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
.u-block-5036-50 {min-height: 105px}
.u-block-5036-51 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px} }</style>
<div class="u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-block-5036-27" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<div class="u-container-layout u-valign-middle-md u-block-5036-28" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}">
<p class="u-large-text u-text u-text-body-alt-color u-text-variant u-block-5036-30">Projects</p><p class="u-text u-text-body-alt-color u-block-5036-41">Sites</p></div>
</div><div class="u-clearfix u-layout-wrap u-block-5036-32" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}}}"><div class="u-layout"> <div class="u-layout-col"><div class="u-size-30"> <div class="u-layout-row"><div class="u-container-style u-layout-cell u-left-cell u-size-30 u-block-5036-33" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true}}}"><div class="u-container-layout u-block-5036-34" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><a href="https://www.anurobot.tech" class="u-border-2 u-border-hover-palette-1-base u-border-palette-1-base u-btn u-btn-round u-button-style u-hover-palette-1-base u-radius-50 u-white u-block-5036-52" target="_blank">ANU Robot</a></div></div>
<div class="u-container-style u-layout-cell u-right-cell u-size-30 u-block-5036-35" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><div class="u-container-layout u-block-5036-36" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"></div></div> </div></div>
<div class="u-size-30"> <div class="u-layout-row"><div class="u-container-style u-layout-cell u-left-cell u-size-30 u-block-5036-37" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><div class="u-container-layout u-block-5036-38" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"></div></div>
<div class="u-container-style u-layout-cell u-right-cell u-size-30 u-block-5036-39" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><div class="u-container-layout u-block-5036-40" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"></div></div> </div></div> </div></div></div><div class="u-clearfix u-layout-wrap u-block-5036-42" data-state="{&quot;margin-top&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}},&quot;margin-bottom&quot;:{&quot;shouldApplyDefaultMargins&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;parentVerticalAlign&quot;:{&quot;XL&quot;:&quot;&quot;,&quot;LG&quot;:&quot;&quot;,&quot;MD&quot;:&quot;&quot;,&quot;SM&quot;:&quot;&quot;,&quot;XS&quot;:&quot;&quot;}}}"><div class="u-layout"> <div class="u-layout-col"><div class="u-size-30"> <div class="u-layout-row"><div class="u-container-style u-layout-cell u-left-cell u-size-30 u-block-5036-43" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true}}}"><div class="u-container-layout u-block-5036-44" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><a href="https://www.njwapps.tech" class="u-border-2 u-border-hover-palette-1-base u-border-palette-1-base u-btn u-btn-round u-button-style u-hover-palette-1-base u-radius-50 u-white u-block-5036-53" target="_blank">NJW Apps</a></div></div>
<div class="u-container-style u-layout-cell u-right-cell u-size-30 u-block-5036-54" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:true,&quot;SM&quot;:true,&quot;XS&quot;:true}}}"><div class="u-container-layout u-block-5036-55" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><a href="https://www.nathan3dprint.tk" class="u-border-2 u-border-hover-palette-1-base u-border-palette-1-base u-btn u-btn-round u-button-style u-hover-palette-1-base u-radius-50 u-white u-block-5036-56" target="_blank">3D Printing</a></div></div> </div></div>
<div class="u-size-30"> <div class="u-layout-row"><div class="u-container-style u-layout-cell u-left-cell u-size-30 u-block-5036-48" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><div class="u-container-layout u-block-5036-49" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"></div></div>
<div class="u-container-style u-layout-cell u-right-cell u-size-30 u-block-5036-50" data-state="{&quot;min-height&quot;:{&quot;expandedParent&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false},&quot;cellMultiplier&quot;:{&quot;XL&quot;:1,&quot;LG&quot;:1,&quot;MD&quot;:1,&quot;SM&quot;:2,&quot;XS&quot;:1},&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"><div class="u-container-layout u-block-5036-51" data-state="{&quot;min-height&quot;:{&quot;canCollapse&quot;:{&quot;XL&quot;:false,&quot;LG&quot;:false,&quot;MD&quot;:false,&quot;SM&quot;:false,&quot;XS&quot;:false}}}"></div></div> </div></div> </div></div></div></section>
</body></html>

File diff suppressed because one or more lines are too long

View File

@ -57,13 +57,11 @@
</a> </a>
<h1 class="u-heading-font u-text u-text-default u-title u-text-1">Nathan Woodburn</h1> <h1 class="u-heading-font u-text u-text-default u-title u-text-1">Nathan Woodburn</h1>
</div></header> </div></header>
<section class="u-clearfix u-section-1" id="sec-950a"> <section class="u-clearfix u-image u-section-1" id="sec-950a">
<img src="images/gr4.png" alt="" class="u-expanded-width u-image u-image-default u-image-1">
<div class="u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-group-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-middle-md u-container-layout-1"> <div class="u-container-layout u-valign-middle-md u-container-layout-1">
<h1 class="u-text u-text-body-alt-color u-title u-text-1">Nathan Woodburn</h1> <p class="u-large-text u-text u-text-body-alt-color u-text-variant u-text-1">Projects</p>
<p class="u-large-text u-text u-text-body-alt-color u-text-variant u-text-2">Projects</p> <p class="u-text u-text-body-alt-color u-text-2">Sites</p>
<p class="u-text u-text-body-alt-color u-text-default u-text-3">Sites</p>
</div> </div>
</div> </div>
<div class="u-clearfix u-layout-wrap u-layout-wrap-1"> <div class="u-clearfix u-layout-wrap u-layout-wrap-1">