npease/lax18.github.io
1
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Fixed Mobile

Browse Source
This commit is contained in:
Nicholas Pease
2021-06-26 11:38:41 -04:00
parent 70ddef52fc
commit 5d8cd2e659
4 changed files with 75 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Home.css
+39 -61
View File
@@ -38,6 +38,32 @@
margin: 20px 247px 0 0;
}
.u-section-1 .u-social-icons-1 {
white-space: nowrap;
height: 32px;
min-height: 16px;
width: 158px;
min-width: 94px;
margin: 14px auto 0 0;
}
.u-section-1 .u-icon-1 {
height: 100%;
color: rgb(255, 255, 255) !important;
}
.u-section-1 .u-icon-2 {
height: 100%;
}
.u-section-1 .u-icon-3 {
height: 100%;
}
.u-section-1 .u-icon-4 {
height: 100%;
}
.u-section-1 .u-line-1 {
height: 88px;
transform-origin: center bottom 0px;
@@ -47,7 +73,7 @@
@media (max-width: 1199px) {
.u-section-1 .u-sheet-1 {
min-height: 609px;
min-height: 730px;
}
.u-section-1 .u-container-layout-1 {
@@ -56,20 +82,12 @@
}
@media (max-width: 991px) {
.u-section-1 .u-sheet-1 {
min-height: 466px;
}
.u-section-1 .u-container-layout-1 {
padding-left: 13px;
}
}
@media (max-width: 767px) {
.u-section-1 .u-sheet-1 {
min-height: 350px;
}
.u-section-1 .u-group-1 {
margin-right: initial;
margin-left: initial;
@@ -91,7 +109,7 @@
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 220px;
min-height: 714px;
}
.u-section-1 .u-container-layout-1 {
@@ -123,32 +141,6 @@
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%;
color: rgb(255, 255, 255) !important;
}
.u-section-2 .u-icon-2 {
height: 100%;
}
.u-section-2 .u-icon-3 {
height: 100%;
}
.u-section-2 .u-icon-4 {
height: 100%;
}
.u-section-2 .u-layout-cell-2 {
min-height: 740px;
}
@@ -189,14 +181,6 @@
background-position: 50% 50%;
}
.u-section-2 .u-social-icons-1 {
margin-left: 78px;
}
.u-section-2 .u-icon-4 {
color: rgb(255, 255, 255) !important;
}
.u-section-2 .u-layout-cell-2 {
min-height: 663px;
}
@@ -215,7 +199,8 @@
}
.u-section-2 .u-image-1 {
margin-left: calc(((100% - 940px) / 2) + 216px);
margin-top: -555px;
margin-left: calc(((100% - 940px) / 2) + 119px);
}
}
@@ -238,13 +223,14 @@
}
.u-section-2 .u-image-1 {
margin-left: calc(((100% - 720px) / 2) + 216px);
margin-top: -498px;
margin-left: calc(((100% - 720px) / 2));
}
}
@media (max-width: 767px) {
.u-section-2 {
min-height: 817px;
min-height: 664px;
}
.u-section-2 .u-layout-cell-1 {
@@ -256,11 +242,6 @@
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;
}
@@ -271,25 +252,22 @@
}
.u-section-2 .u-image-1 {
margin-left: calc(((100% - 540px) / 2) + 92px);
margin-top: -807px;
margin-left: auto;
}
}
@media (max-width: 575px) {
.u-section-2 {
min-height: 951px;
min-height: 603px;
}
.u-section-2 .u-layout-cell-1 {
min-height: 312px;
}
.u-section-2 .u-social-icons-1 {
margin-top: 56px;
min-height: 241px;
}
.u-section-2 .u-layout-cell-2 {
min-height: 639px;
min-height: 495px;
}
.u-section-2 .u-text-1 {
@@ -303,7 +281,7 @@
.u-section-2 .u-image-1 {
width: 340px;
height: 340px;
margin-left: calc(((100% - 340px) / 2));
margin-top: -708px;
}
}.u-section-3 .u-sheet-1 {
min-height: 552px;
Home.html
+17 -18
View File
@@ -36,6 +36,21 @@
<h1 class="u-text u-text-body-alt-color u-title u-text-1">Nicholas&nbsp;<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.&nbsp;</h5>
<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-icon-1"><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-11a5"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-11a5"><path d="m512 256c0-141.4-114.6-256-256-256s-256 114.6-256 256 114.6 256 256 256c1.5 0 3 0 4.5-.1v-199.2h-55v-64.1h55v-47.2c0-54.7 33.4-84.5 82.2-84.5 23.4 0 43.5 1.7 49.3 2.5v57.2h-33.6c-26.5 0-31.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5c107-30.7 185.3-129.2 185.3-246.1z"></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-94d6"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-94d6"><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-0e2b"></use></svg><svg class="u-svg-content" viewBox="0 0 24 24" id="svg-0e2b"><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-text-white 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-67c7"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-67c7" style="enable-background:new 0 0 512 512;"><g><g><path d="M467,80.609H45c-24.813,0-45,20.187-45,45v260.782c0,24.813,20.187,45,45,45h422c24.813,0,45-20.187,45-45V125.609 C512,100.796,491.813,80.609,467,80.609z M461.127,110.609l-6.006,5.001L273.854,266.551c-10.346,8.614-25.364,8.614-35.708,0 L56.879,115.61l-6.006-5.001H461.127z M30,132.267L177.692,255.25L30,353.543V132.267z M467,401.391H45 c-7.248,0-13.31-5.168-14.699-12.011l171.445-114.101l17.204,14.326c10.734,8.938,23.893,13.407,37.051,13.407 c13.158,0,26.316-4.469,37.051-13.407l17.204-14.326l171.444,114.1C480.31,396.224,474.248,401.391,467,401.391z M482,353.543 l-147.692-98.292L482,132.267V353.543z"></path>
</g>
</g></svg></span>
</a>
</div>
</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>
@@ -47,24 +62,8 @@
<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-icon-1"><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-9beb"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-9beb"><path d="m512 256c0-141.4-114.6-256-256-256s-256 114.6-256 256 114.6 256 256 256c1.5 0 3 0 4.5-.1v-199.2h-55v-64.1h55v-47.2c0-54.7 33.4-84.5 82.2-84.5 23.4 0 43.5 1.7 49.3 2.5v57.2h-33.6c-26.5 0-31.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5c107-30.7 185.3-129.2 185.3-246.1z"></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-text-white 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-ab9f"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-ab9f" style="enable-background:new 0 0 512 512;"><g><g><path d="M467,80.609H45c-24.813,0-45,20.187-45,45v260.782c0,24.813,20.187,45,45,45h422c24.813,0,45-20.187,45-45V125.609 C512,100.796,491.813,80.609,467,80.609z M461.127,110.609l-6.006,5.001L273.854,266.551c-10.346,8.614-25.364,8.614-35.708,0 L56.879,115.61l-6.006-5.001H461.127z M30,132.267L177.692,255.25L30,353.543V132.267z M467,401.391H45 c-7.248,0-13.31-5.168-14.699-12.011l171.445-114.101l17.204,14.326c10.734,8.938,23.893,13.407,37.051,13.407 c13.158,0,26.316-4.469,37.051-13.407l17.204-14.326l171.444,114.1C480.31,396.224,474.248,401.391,467,401.391z M482,353.543 l-147.692-98.292L482,132.267V353.543z"></path>
</g>
</g></svg></span>
</a>
</div>
</div>
<div class="u-align-left 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-container-layout-1"></div>
</div>
</div>
</div>
index.html
+17 -18
View File
@@ -36,6 +36,21 @@
<h1 class="u-text u-text-body-alt-color u-title u-text-1">Nicholas&nbsp;<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.&nbsp;</h5>
<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-icon-1"><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-11a5"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-11a5"><path d="m512 256c0-141.4-114.6-256-256-256s-256 114.6-256 256 114.6 256 256 256c1.5 0 3 0 4.5-.1v-199.2h-55v-64.1h55v-47.2c0-54.7 33.4-84.5 82.2-84.5 23.4 0 43.5 1.7 49.3 2.5v57.2h-33.6c-26.5 0-31.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5c107-30.7 185.3-129.2 185.3-246.1z"></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-94d6"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-94d6"><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-0e2b"></use></svg><svg class="u-svg-content" viewBox="0 0 24 24" id="svg-0e2b"><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-text-white 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-67c7"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-67c7" style="enable-background:new 0 0 512 512;"><g><g><path d="M467,80.609H45c-24.813,0-45,20.187-45,45v260.782c0,24.813,20.187,45,45,45h422c24.813,0,45-20.187,45-45V125.609 C512,100.796,491.813,80.609,467,80.609z M461.127,110.609l-6.006,5.001L273.854,266.551c-10.346,8.614-25.364,8.614-35.708,0 L56.879,115.61l-6.006-5.001H461.127z M30,132.267L177.692,255.25L30,353.543V132.267z M467,401.391H45 c-7.248,0-13.31-5.168-14.699-12.011l171.445-114.101l17.204,14.326c10.734,8.938,23.893,13.407,37.051,13.407 c13.158,0,26.316-4.469,37.051-13.407l17.204-14.326l171.444,114.1C480.31,396.224,474.248,401.391,467,401.391z M482,353.543 l-147.692-98.292L482,132.267V353.543z"></path>
</g>
</g></svg></span>
</a>
</div>
</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>
@@ -47,24 +62,8 @@
<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-icon-1"><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-9beb"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" id="svg-9beb"><path d="m512 256c0-141.4-114.6-256-256-256s-256 114.6-256 256 114.6 256 256 256c1.5 0 3 0 4.5-.1v-199.2h-55v-64.1h55v-47.2c0-54.7 33.4-84.5 82.2-84.5 23.4 0 43.5 1.7 49.3 2.5v57.2h-33.6c-26.5 0-31.7 12.6-31.7 31.1v40.8h63.5l-8.3 64.1h-55.2v189.5c107-30.7 185.3-129.2 185.3-246.1z"></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-text-white 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-ab9f"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-ab9f" style="enable-background:new 0 0 512 512;"><g><g><path d="M467,80.609H45c-24.813,0-45,20.187-45,45v260.782c0,24.813,20.187,45,45,45h422c24.813,0,45-20.187,45-45V125.609 C512,100.796,491.813,80.609,467,80.609z M461.127,110.609l-6.006,5.001L273.854,266.551c-10.346,8.614-25.364,8.614-35.708,0 L56.879,115.61l-6.006-5.001H461.127z M30,132.267L177.692,255.25L30,353.543V132.267z M467,401.391H45 c-7.248,0-13.31-5.168-14.699-12.011l171.445-114.101l17.204,14.326c10.734,8.938,23.893,13.407,37.051,13.407 c13.158,0,26.316-4.469,37.051-13.407l17.204-14.326l171.444,114.1C480.31,396.224,474.248,401.391,467,401.391z M482,353.543 l-147.692-98.292L482,132.267V353.543z"></path>
</g>
</g></svg></span>
</a>
</div>
</div>
<div class="u-align-left 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-container-layout-1"></div>
</div>
</div>
</div>
nicepage.css
+2 -6
View File
@@ -33875,15 +33875,11 @@ a.u-link.u-text-hover-grey-90:hover {
max-width: 64px;
max-height: 64px;
}
@media (max-width: 1199px) {
.u-header .u-image-1 {
width: 31px;
height: 32px;
}
}
@media (max-width: 991px) {
.u-header .u-image-1 {
width: 24px;
height: 32px;
}
}
@media (max-width: 767px) {