Add files via upload
331
Blog-Template.css
Normal file
|
@ -0,0 +1,331 @@
|
|||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 878px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-image-1 {
|
||||
height: 530px;
|
||||
margin: 60px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-metadata-1 {
|
||||
margin: 13px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-2 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-link-1 {
|
||||
margin: 30px auto 50px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-1 .u-image-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-1 .u-metadata-1 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-2 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 888px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-link-1 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 735px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-image-1 {
|
||||
height: 362px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-image-1 {
|
||||
height: 302px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}.u-section-2 .u-sheet-1 {
|
||||
min-height: 878px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
height: 530px;
|
||||
margin: 60px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-metadata-1 {
|
||||
margin: 13px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-link-1 {
|
||||
margin: 30px auto 50px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-2 .u-image-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-2 .u-metadata-1 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 888px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-link-1 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 735px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
height: 362px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
height: 302px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}.u-section-3 .u-sheet-1 {
|
||||
min-height: 878px;
|
||||
}
|
||||
|
||||
.u-section-3 .u-image-1 {
|
||||
height: 530px;
|
||||
margin: 60px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-3 .u-text-1 {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.u-section-3 .u-metadata-1 {
|
||||
margin: 13px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-3 .u-text-2 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
|
||||
.u-section-3 .u-link-1 {
|
||||
margin: 30px auto 50px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-3 .u-image-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-3 .u-text-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-3 .u-metadata-1 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.u-section-3 .u-text-2 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 888px;
|
||||
}
|
||||
|
||||
.u-section-3 .u-link-1 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 735px;
|
||||
}
|
||||
|
||||
.u-section-3 .u-image-1 {
|
||||
height: 362px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
.u-section-3 .u-image-1 {
|
||||
height: 302px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}.u-section-4 .u-sheet-1 {
|
||||
min-height: 878px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 530px;
|
||||
margin: 60px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-1 {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-metadata-1 {
|
||||
margin: 13px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-2 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-link-1 {
|
||||
margin: 30px auto 50px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-4 .u-image-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-4 .u-metadata-1 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-2 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-4 .u-sheet-1 {
|
||||
min-height: 888px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-link-1 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-4 .u-sheet-1 {
|
||||
min-height: 735px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 362px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-4 .u-sheet-1 {
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 302px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}.u-section-5 .u-sheet-1 {
|
||||
min-height: 107px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-pagination-1 {
|
||||
margin: 25px auto;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-5 .u-pagination-1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-5 .u-sheet-1 {
|
||||
min-height: 164px;
|
||||
}
|
||||
}
|
842
Page-1.css
Normal file
|
@ -0,0 +1,842 @@
|
|||
.u-section-1 {
|
||||
background-image: url("images/szermierka_londyn.jpg");
|
||||
}
|
||||
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 1080px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
text-transform: uppercase;
|
||||
font-size: 4.5rem;
|
||||
letter-spacing: 9px;
|
||||
font-weight: 700;
|
||||
width: 870px;
|
||||
margin: 116px auto 60px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 891px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 682px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
width: 720px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 512px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
width: 540px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 359px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
font-size: 1.5rem;
|
||||
width: 340px;
|
||||
}
|
||||
}.u-section-2 .u-sheet-1 {
|
||||
min-height: 914px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
font-size: 3rem;
|
||||
width: 502px;
|
||||
margin: 104px auto 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-list-1 {
|
||||
width: 783px;
|
||||
min-height: 632px;
|
||||
grid-template-columns: 100%;
|
||||
grid-gap: 10px 10px;
|
||||
margin: 37px auto 60px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-container-layout-1 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
width: 596px;
|
||||
height: 358px;
|
||||
margin: 14px auto 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.5rem;
|
||||
margin: 74px 98px 0 148px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-3 {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-btn-1 {
|
||||
background-image: none;
|
||||
border-style: none;
|
||||
margin: 20px auto 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 837px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-list-1 {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
margin-top: 98px;
|
||||
margin-right: 63px;
|
||||
margin-left: 63px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
margin-top: 412px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-2 .u-list-1 {
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
margin-right: 32px;
|
||||
margin-left: 32px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
margin-top: 693px;
|
||||
margin-right: 67px;
|
||||
margin-left: 117px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-2 .u-list-1 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-container-layout-1 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
width: 520px;
|
||||
height: 312px;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
margin-top: 550px;
|
||||
margin-left: 44px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 667px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
font-size: 2.25rem;
|
||||
margin-top: 56px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-list-1 {
|
||||
min-height: 494px;
|
||||
margin-top: 21px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.u-section-2 .u-image-1 {
|
||||
width: 320px;
|
||||
height: 192px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
width: auto;
|
||||
margin-top: 10px;
|
||||
margin-right: -10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-3 {
|
||||
width: auto;
|
||||
margin-top: 17px;
|
||||
margin-right: -10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-btn-1 {
|
||||
margin-top: 13px;
|
||||
}
|
||||
}.u-section-3 {
|
||||
background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("images/wheel-chair-fencing-4349435.jpg");
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 768px;
|
||||
}
|
||||
|
||||
.u-section-3 .u-btn-1 {
|
||||
text-transform: uppercase;
|
||||
background-image: none;
|
||||
border-style: none;
|
||||
margin: 664px auto 60px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 633px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 485px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 364px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-3 .u-sheet-1 {
|
||||
min-height: 229px;
|
||||
}
|
||||
}.u-section-4 {
|
||||
min-height: 580px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-wrap-1 {
|
||||
margin: 0 auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-1 {
|
||||
min-height: 657px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-container-layout-1 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 389px;
|
||||
object-position: 71.85% 50%;
|
||||
background-position: 71.85% 50%;
|
||||
width: 534px;
|
||||
margin: 62px -93px 0 auto;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-2 {
|
||||
min-height: 580px;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.u-section-4 .u-container-layout-2 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0px;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-2 {
|
||||
margin-bottom: 0;
|
||||
font-size: 3rem;
|
||||
margin-top: 20px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-3 {
|
||||
margin-bottom: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-link-1 {
|
||||
text-transform: uppercase;
|
||||
padding-bottom: 2px;
|
||||
letter-spacing: 2px;
|
||||
font-size: 0.875rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-4 {
|
||||
min-height: 478px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-wrap-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-1 {
|
||||
min-height: 542px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 309px;
|
||||
width: 253px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-2 {
|
||||
min-height: 478px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-4 {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-1 {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 220px;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-2 {
|
||||
min-height: 366px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-4 {
|
||||
min-height: 3948px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-wrap-1 {
|
||||
margin-bottom: 60px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-1 {
|
||||
min-height: 4092px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-container-layout-1 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
margin-top: 78px;
|
||||
margin-right: auto;
|
||||
margin-left: 188px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-2 {
|
||||
min-height: 3504px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-container-layout-2 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-4 {
|
||||
min-height: 1064px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-1 {
|
||||
min-height: 410px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-image-1 {
|
||||
height: 343px;
|
||||
object-position: 71.85% 100%;
|
||||
width: 395px;
|
||||
margin-top: 0;
|
||||
margin-bottom: -93px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.u-section-4 .u-layout-cell-2 {
|
||||
min-height: 415px;
|
||||
}
|
||||
|
||||
.u-section-4 .u-text-2 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
}.u-section-5 {
|
||||
background-image: url("images/406.jpg");
|
||||
background-position: 50% 50%;
|
||||
background-size: 125%;
|
||||
}
|
||||
|
||||
.u-section-5 .u-sheet-1 {
|
||||
min-height: 584px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-1 {
|
||||
font-weight: 700;
|
||||
font-size: 3rem;
|
||||
text-transform: uppercase;
|
||||
margin: 67px 717px 0 0;
|
||||
}
|
||||
|
||||
.u-section-5 .u-icon-1 {
|
||||
height: 150px;
|
||||
width: 150px;
|
||||
margin: 20px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-2 {
|
||||
line-height: 1.6;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 300;
|
||||
margin: -90px 570px 0 0;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-3 {
|
||||
font-weight: 700;
|
||||
margin: 20px 1058px 0 0;
|
||||
}
|
||||
|
||||
.u-section-5 .u-btn-1 {
|
||||
background-image: none;
|
||||
border-style: solid;
|
||||
font-weight: 700;
|
||||
margin: 30px auto 60px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-5 .u-sheet-1 {
|
||||
min-height: 482px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-1 {
|
||||
margin-top: 60px;
|
||||
margin-right: 517px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-2 {
|
||||
margin-right: 370px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-3 {
|
||||
margin-right: 858px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-5 .u-sheet-1 {
|
||||
min-height: 369px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-1 {
|
||||
margin-right: 297px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-2 {
|
||||
margin-right: 150px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-3 {
|
||||
margin-right: 638px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-5 {
|
||||
background-size: auto 125%;
|
||||
}
|
||||
|
||||
.u-section-5 .u-sheet-1 {
|
||||
min-height: 715px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-1 {
|
||||
width: auto;
|
||||
margin-right: 117px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-icon-1 {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-2 {
|
||||
margin-top: -60px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-3 {
|
||||
margin-right: 458px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-5 .u-sheet-1 {
|
||||
min-height: 743px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-1 {
|
||||
font-size: 2.25rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-5 .u-icon-1 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-2 {
|
||||
margin-top: -62px;
|
||||
}
|
||||
|
||||
.u-section-5 .u-text-3 {
|
||||
margin-right: 258px;
|
||||
}
|
||||
}.u-section-6 .u-sheet-1 {
|
||||
min-height: 702px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-image-1 {
|
||||
width: 336px;
|
||||
height: 345px;
|
||||
margin: 172px 79px 0 auto;
|
||||
}
|
||||
|
||||
.u-section-6 .u-list-1 {
|
||||
width: 576px;
|
||||
min-height: 539px;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-columns: 100%;
|
||||
grid-gap: 10px 10px;
|
||||
margin: -425px auto 60px 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-container-layout-1 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-1 {
|
||||
font-size: 2.25rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-2 {
|
||||
margin: 14px 1px 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-container-layout-2 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-3 {
|
||||
font-size: 2.25rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-4 {
|
||||
margin: 14px 1px 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-container-layout-3 {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-5 {
|
||||
font-size: 2.25rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-6 {
|
||||
margin: 14px 1px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-6 .u-sheet-1 {
|
||||
min-height: 703px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-image-1 {
|
||||
height: 614px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-list-1 {
|
||||
width: 432px;
|
||||
min-height: 571px;
|
||||
height: auto;
|
||||
margin-top: -637px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-6 .u-image-1 {
|
||||
height: 546px;
|
||||
margin-top: 589px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.u-section-6 .u-list-1 {
|
||||
width: 720px;
|
||||
min-height: 521px;
|
||||
margin-top: -1067px;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-6 .u-sheet-1 {
|
||||
min-height: 1039px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-image-1 {
|
||||
width: 407px;
|
||||
height: 407px;
|
||||
margin-top: 607px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-list-1 {
|
||||
width: 540px;
|
||||
margin-top: -947px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-container-layout-1 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-container-layout-2 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-container-layout-3 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-6 .u-sheet-1 {
|
||||
min-height: 984px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-image-1 {
|
||||
width: 340px;
|
||||
height: 343px;
|
||||
margin-top: 611px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-list-1 {
|
||||
width: 340px;
|
||||
min-height: 551px;
|
||||
margin-top: -894px;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-1 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-2 {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-3 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-4 {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-5 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.u-section-6 .u-text-6 {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}.u-section-7 {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.u-section-7 .u-sheet-1 {
|
||||
min-height: 771px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-group-1 {
|
||||
min-height: 172px;
|
||||
background-image: none;
|
||||
width: 901px;
|
||||
margin: 60px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-7 .u-container-layout-1 {
|
||||
padding: 25px 30px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-text-1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.u-section-7 .u-text-2 {
|
||||
margin: 20px 0 0;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-1 {
|
||||
height: 409px;
|
||||
margin: 60px 285px 60px 0;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-1 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-3 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-4 {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-5 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-6 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.u-section-7 .u-btn-1 {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-7 .u-form-1 {
|
||||
margin-right: 85px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-4 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-5 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-7 .u-group-1 {
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-1 {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-7 .u-sheet-1 {
|
||||
min-height: 919px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-group-1 {
|
||||
width: 540px;
|
||||
margin-top: 76px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-container-layout-1 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-7 .u-sheet-1 {
|
||||
min-height: 1007px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-group-1 {
|
||||
width: 340px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.u-section-7 .u-text-1 {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-3 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.u-section-7 .u-form-group-4 {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
228
Page-1.html
Normal file
|
@ -0,0 +1,228 @@
|
|||
<!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="live. move. refuel., Best Gym Membership, This place is special..., 01, Due to its commanding position, in the Second World War the Fort House was used by the military as an observation post and even had the roof reinforced to protect it from an aerial attack, with two feet of concrete, making it bomb proof from enemy aircraft., Make a reservation">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Page 1</title>
|
||||
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="Page-1.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Page 1">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-align-center u-clearfix u-image u-section-1" id="carousel_becc" data-image-width="639" data-image-height="479">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<h2 class="u-text u-text-body-alt-color u-text-1">live. move. refuel.</h2>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-center u-clearfix u-section-2" id="carousel_5dcb">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<h3 class="u-text u-text-1">Meet Your Trainers</h3>
|
||||
<div class="u-expanded-width-xs u-list u-repeater u-list-1">
|
||||
<div class="u-align-center u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-1">
|
||||
<img class="u-image u-image-1" src="images/oyche-doniz.jpg" data-image-width="1000" data-image-height="600">
|
||||
<h5 class="u-text u-text-2">Trener Łukasz Jamroz </h5>
|
||||
<p class="u-text u-text-grey-40 u-text-3">Info.....</p>
|
||||
<a href="https://nicepage.com/one-page-template" class="u-black u-btn u-button-style u-btn-1">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-left u-clearfix u-image u-shading u-section-3" id="carousel_040f" data-image-width="957" data-image-height="1300">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-btn u-button-style u-white u-btn-1">Learn more about us</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-clearfix u-section-4" id="carousel_adb9">
|
||||
<div class="u-clearfix u-expanded-width u-gutter-100 u-layout-wrap u-layout-wrap-1">
|
||||
<div class="u-layout">
|
||||
<div class="u-layout-row">
|
||||
<div class="u-align-center u-container-style u-layout-cell u-left-cell u-size-32 u-layout-cell-1">
|
||||
<div class="u-container-layout u-valign-top-xs u-container-layout-1">
|
||||
<img src="images/istockphoto-862433740-612x612.jpg" alt="" class="u-image u-image-default u-image-1" data-image-width="612" data-image-height="612">
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-container-style u-layout-cell u-size-28 u-layout-cell-2">
|
||||
<div class="u-container-layout u-valign-middle u-container-layout-2">
|
||||
<h6 class="u-text u-text-1">about us</h6>
|
||||
<h2 class="u-text u-text-2">This place is special...</h2>
|
||||
<p class="u-text u-text-3">Due to its commanding position, in the Second World War the Fort House was used by the military as an observation post and even had the roof reinforced to protect it from an aerial attack, with two feet of concrete, making
|
||||
it bomb proof from enemy aircraft. With its historic harbour, rockpools and sandy beaches St Mawes provides the idyllic Cornish escape and The Fort House the perfect property in which to stay This spacious and airy
|
||||
single storey holiday cottage sits in a private garden whose terrace provides uninterrupted views of the spectacular Cornish coastline.</p>
|
||||
<a href="https://nicepage.com/landing-page" class="u-border-2 u-border-black u-link u-text-body-color u-link-1">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-left u-clearfix u-image u-section-5" id="carousel_ca2a" data-image-width="727" data-image-height="300">
|
||||
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
|
||||
<h4 class="u-text u-text-body-alt-color u-text-1">What People Say</h4><span class="u-icon u-icon-circle u-opacity u-opacity-45 u-text-palette-5-base u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.294 409.294" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-b49d"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 409.294 409.294" id="svg-b49d"><path d="m233.882 29.235v175.412h116.941c0 64.48-52.461 116.941-116.941 116.941v58.471c96.728 0 175.412-78.684 175.412-175.412v-175.412z"></path><path d="m0 204.647h116.941c0 64.48-52.461 116.941-116.941 116.941v58.471c96.728 0 175.412-78.684 175.412-175.412v-175.412h-175.412z"></path></svg></span>
|
||||
<h2 class="u-text u-text-body-alt-color u-text-2">Due to its commanding position, in the Second World War the Fort House was used by the military as an observation post and even had the roof reinforced to protect it from an aerial attack, with two feet of concrete, making it bomb proof from enemy aircraft. </h2>
|
||||
<h6 class="u-text u-text-body-alt-color u-text-3">Nick Cave</h6>
|
||||
<a href="https://nicepage.com" class="u-border-2 u-border-white u-btn u-btn-rectangle u-button-style u-none u-btn-1">Read More</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-clearfix u-section-6" id="carousel_e864">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="images/57661369-disable-handicap-sport-icons-archery-basketball-tennis-fencing-and-table-tennis.jpg" alt="" class="u-image u-image-default u-image-1" data-image-width="1300" data-image-height="1300">
|
||||
<div class="u-list u-repeater u-list-1">
|
||||
<div class="u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-1">
|
||||
<h5 class="u-text u-text-1">Join the Movement</h5>
|
||||
<p class="u-text u-text-2">Sample text. Click to select the text box. Click again or double click to start editing the text. <a href="https://nicepage.com/" target="_blank">Duis aute irure dolor</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-2">
|
||||
<h5 class="u-text u-text-3">Transform lives</h5>
|
||||
<p class="u-text u-text-4">Sample text. Click to select the text box. Click again or double click to start editing the text. Duis aute irure dolor. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-3">
|
||||
<h5 class="u-text u-text-5">Train for a Race</h5>
|
||||
<p class="u-text u-text-6">Sample text. Click to select the text box. Click again or double click to start editing the text.<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-left u-black u-clearfix u-section-7" id="carousel_ccf3">
|
||||
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-sheet-1">
|
||||
<div class="u-align-left u-container-style u-group u-group-1">
|
||||
<div class="u-container-layout u-valign-middle u-container-layout-1">
|
||||
<h2 class="u-text u-text-1">Make a reservation</h2>
|
||||
<p class="u-text u-text-2">Our clients are important to us, so we continually train our therapists to ensure that all treatments are of the highest standard and that each client receives the best care’ </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-form u-form-1">
|
||||
<form action="#" method="POST" class="u-clearfix u-form-spacing-20 u-form-vertical u-inner-form" style="padding: 10px" source="custom" name="form">
|
||||
<div class="u-form-email u-form-group u-form-partition-factor-2 u-form-group-1">
|
||||
<label for="email-f2a8" class="u-label u-text-grey-40">E-mail</label>
|
||||
<input type="email" placeholder="Enter a valid email address" id="email-f2a8" name="email" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-group u-form-name u-form-partition-factor-2 u-form-group-2">
|
||||
<label for="name-f2a8" class="u-label u-text-grey-40">Name</label>
|
||||
<input type="text" placeholder="Enter your Name" id="name-f2a8" name="name" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-date u-form-group u-form-partition-factor-2 u-form-group-3">
|
||||
<label for="date-4441" class="u-label u-text-grey-40">Date</label>
|
||||
<input type="date" placeholder="MM/DD/YYYY" id="date-4441" name="date" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-group u-form-partition-factor-2 u-form-phone u-form-group-4">
|
||||
<label for="phone-447e" class="u-label u-text-grey-40">Phone</label>
|
||||
<input type="tel" pattern="\+?\d{0,2}[\s\(\-]?([0-9]{3})[\s\)\-]?([\s\-]?)([0-9]{3})[\s\-]?([0-9]{2})[\s\-]?([0-9]{2})" placeholder="Enter your phone (e.g. +14155552675)" id="phone-447e" name="phone" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-group u-form-message u-form-group-5">
|
||||
<label for="message-f2a8" class="u-label u-text-grey-40">Message</label>
|
||||
<textarea placeholder="Enter your message" rows="4" cols="50" id="message-f2a8" name="message" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required=""></textarea>
|
||||
</div>
|
||||
<div class="u-align-left u-form-group u-form-submit u-form-group-6">
|
||||
<a href="https://nicepage.com" class="u-border-2 u-border-white u-btn u-btn-rectangle u-btn-submit u-button-style u-none u-btn-1">Submit</a>
|
||||
<input type="submit" value="submit" class="u-form-control-hidden">
|
||||
</div>
|
||||
<div class="u-form-send-message u-form-send-success"> Thank you! Your message has been sent. </div>
|
||||
<div class="u-form-send-error u-form-send-message"> Unable to send your message. Please fix errors then try again. </div>
|
||||
<input type="hidden" value="" name="recaptchaResponse">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<style class="u-overlap-style">.u-overlap:not(.u-sticky-scroll) .u-header {
|
||||
background-color: #000000 !important
|
||||
}</style>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</div></footer>
|
||||
<section class="u-backlink u-clearfix u-grey-80">
|
||||
<a class="u-link" href="https://nicepage.com/templates" target="_blank">
|
||||
<span>Template</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>
|
122
Page-2.css
Normal file
|
@ -0,0 +1,122 @@
|
|||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-video-1 {
|
||||
height: 500px;
|
||||
margin: 50px 0;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-1 .u-video-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 504px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-video-1 {
|
||||
height: 404px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 5px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-video-1 {
|
||||
height: 310px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-video-1 {
|
||||
height: 200px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}.u-section-2 {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 618px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-video-1 {
|
||||
height: 360px;
|
||||
width: 640px;
|
||||
margin: 39px auto 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
width: 680px;
|
||||
margin: 30px auto 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
width: 680px;
|
||||
margin: 20px auto 39px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 549px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-video-1 {
|
||||
height: 300px;
|
||||
margin-top: 60px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
width: 540px;
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
width: 540px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-2 .u-sheet-1 {
|
||||
min-height: 473px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-video-1 {
|
||||
height: 190px;
|
||||
margin-top: 39px;
|
||||
width: auto;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-1 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.u-section-2 .u-text-2 {
|
||||
width: 340px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
117
Page-2.html
Normal file
|
@ -0,0 +1,117 @@
|
|||
<!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>Page 2</title>
|
||||
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="Page-2.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Page 2">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-0256">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<div class="u-align-left u-expanded-width u-left-0 u-video u-video-1">
|
||||
<div style=" position: absolute;width:178%;left:-39%;height:178%;top:-39%" class="embed-responsive">
|
||||
<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" class="embed-responsive-item" data-src="https://www.youtube.com/embed/MN_JP4gyBNI?mute=0&showinfo=0&controls=0&start=0" data-poster="https://pixabay.com/get/g9d39eb0d5f30a30f16ba22e518af3351d24315ac002fba282cbccadcb3f1a7e899e7e87feb6a951edde07e8c0905b2705f72aa5bba17a0421d82afe9d01f5642_1280.jpg" frameborder="0" allowfullscreen=""></iframe>
|
||||
<button class="u-video-poster" data-src="https://pixabay.com/get/g9d39eb0d5f30a30f16ba22e518af3351d24315ac002fba282cbccadcb3f1a7e899e7e87feb6a951edde07e8c0905b2705f72aa5bba17a0421d82afe9d01f5642_1280.jpg" style="width:56%;left:22%;height:56%;top:22%;background-image:url(https://pixabay.com/get/g9d39eb0d5f30a30f16ba22e518af3351d24315ac002fba282cbccadcb3f1a7e899e7e87feb6a951edde07e8c0905b2705f72aa5bba17a0421d82afe9d01f5642_1280.jpg);"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-center u-clearfix u-palette-1-base u-section-2" id="sec-b2e4">
|
||||
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-valign-middle-xs u-sheet-1">
|
||||
<div class="u-align-left u-expanded-width-sm u-expanded-width-xs u-video u-video-1">
|
||||
<div style="position: absolute; width: 100%; left: 0px; height: 100%; top: 0px;" class="embed-responsive">
|
||||
<iframe style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" class="embed-responsive-item" src="https://www.youtube.com/embed/L-hm3S1aSnI?mute=0&showinfo=0&controls=0&start=0" frameborder="0" allowfullscreen=""></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="u-text u-text-1">Sample Headline</h2>
|
||||
<p class="u-text u-text-2">Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</div></footer>
|
||||
<section class="u-backlink u-clearfix u-grey-80">
|
||||
<a class="u-link" href="https://nicepage.com/css-templates" target="_blank">
|
||||
<span>CSS 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>
|
67
Post-Template.css
Normal file
|
@ -0,0 +1,67 @@
|
|||
.u-section-1 {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 783px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-image-1 {
|
||||
height: 500px;
|
||||
margin: 60px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-metadata-1 {
|
||||
margin: 13px auto 0 0;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-2 {
|
||||
margin: 30px 0 60px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.u-section-1 .u-image-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
|
||||
.u-section-1 .u-text-1 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 768px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-image-1 {
|
||||
height: 460px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.u-section-1 .u-text-2 {
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.u-section-1 .u-sheet-1 {
|
||||
min-height: 659px;
|
||||
}
|
||||
|
||||
.u-section-1 .u-image-1 {
|
||||
height: 326px;
|
||||
margin-right: initial;
|
||||
margin-left: initial;
|
||||
}
|
||||
}
|
212
blog/blog.html
Normal file
|
@ -0,0 +1,212 @@
|
|||
<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="Blog Post 1, Blog Post 2, Blog Post 3, Blog Post 4">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Blog Template</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Blog-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Blog Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-e7c9">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a class="u-post-header-link" href="../blog/post.html"><img src="../images/1.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080"></a>
|
||||
<h2 class="u-blog-control u-expanded-width u-text u-text-1">
|
||||
<a class="u-post-header-link" href="../blog/post.html">Post 1 Headline</a>
|
||||
</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div>
|
||||
<a href="../blog/post.html" class="u-blog-control u-link u-link-1">Read More</a>
|
||||
</div>
|
||||
</section><section class="u-clearfix u-section-2" id="sec-cd44">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a class="u-post-header-link" href="../blog/post-1.html"><img src="../images/2.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080"></a>
|
||||
<h2 class="u-blog-control u-expanded-width u-text u-text-1">
|
||||
<a class="u-post-header-link" href="../blog/post-1.html">Post 2 Headline</a>
|
||||
</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div>
|
||||
<a href="../blog/post-1.html" class="u-blog-control u-link u-link-1">Read More</a>
|
||||
</div>
|
||||
</section><section class="u-clearfix u-section-3" id="sec-ea83">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a class="u-post-header-link" href="../blog/post-2.html"><img src="../images/3.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080"></a>
|
||||
<h2 class="u-blog-control u-expanded-width u-text u-text-1">
|
||||
<a class="u-post-header-link" href="../blog/post-2.html">Post 3 Headline</a>
|
||||
</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div>
|
||||
<a href="../blog/post-2.html" class="u-blog-control u-link u-link-1">Read More</a>
|
||||
</div>
|
||||
</section><section class="u-clearfix u-section-4" id="sec-86f8">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a class="u-post-header-link" href="../blog/post-3.html"><img src="../images/1.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080"></a>
|
||||
<h2 class="u-blog-control u-expanded-width u-text u-text-1">
|
||||
<a class="u-post-header-link" href="../blog/post-3.html">Post 4 Headline</a>
|
||||
</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div>
|
||||
<a href="../blog/post-3.html" class="u-blog-control u-link u-link-1">Read More</a>
|
||||
</div>
|
||||
</section><section class="u-clearfix u-section-1" id="sec-e7c9">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a class="u-post-header-link" href="../blog/post-4.html"><img src="../images/2.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080"></a>
|
||||
<h2 class="u-blog-control u-expanded-width u-text u-text-1">
|
||||
<a class="u-post-header-link" href="../blog/post-4.html">Post 5 Headline</a>
|
||||
</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div>
|
||||
<a href="../blog/post-4.html" class="u-blog-control u-link u-link-1">Read More</a>
|
||||
</div>
|
||||
</section><section class="u-clearfix u-section-2" id="sec-cd44">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a class="u-post-header-link" href="../blog/post-5.html"><img src="../images/3.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080"></a>
|
||||
<h2 class="u-blog-control u-expanded-width u-text u-text-1">
|
||||
<a class="u-post-header-link" href="../blog/post-5.html">Post 6 Headline</a>
|
||||
</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width u-post-content u-text u-text-2 fr-view">Sample small text. Lorem ipsum dolor sit amet.</div>
|
||||
<a href="../blog/post-5.html" class="u-blog-control u-link u-link-1">Read More</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="u-clearfix u-section-5" id="sec-a918">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<ul class="responsive-style1 u-pagination u-unstyled u-pagination-1">
|
||||
<li class="disabled prev u-nav-item u-pagination-item">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">〈</a>
|
||||
</li>
|
||||
<li class="active u-nav-item u-pagination-item">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">1</a>
|
||||
</li>
|
||||
<li class="u-nav-item u-pagination-item">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">2</a>
|
||||
</li>
|
||||
<li class="u-nav-item u-pagination-item">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">3</a>
|
||||
</li>
|
||||
<li class="u-nav-item u-pagination-item u-pagination-separator">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">...</a>
|
||||
</li>
|
||||
<li class="u-nav-item u-pagination-item">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">8</a>
|
||||
</li>
|
||||
<li class="next u-nav-item u-pagination-item">
|
||||
<a class="u-button-style u-nav-link" href="#" style="padding: 16px 28px;">〉</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
108
blog/post-1.html
Normal file
|
@ -0,0 +1,108 @@
|
|||
<!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="Blog Post 1">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Post 2 Headline</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Post-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Post Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-edb0">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="../images/2.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080">
|
||||
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-text-1">Post 2 Headline</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width-sm u-expanded-width-xl u-expanded-width-xs u-post-content u-text u-text-2 fr-view">
|
||||
Sample small text. Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
108
blog/post-2.html
Normal file
|
@ -0,0 +1,108 @@
|
|||
<!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="Blog Post 1">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Post 3 Headline</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Post-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Post Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-edb0">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="../images/3.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080">
|
||||
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-text-1">Post 3 Headline</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width-sm u-expanded-width-xl u-expanded-width-xs u-post-content u-text u-text-2 fr-view">
|
||||
Sample small text. Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
108
blog/post-3.html
Normal file
|
@ -0,0 +1,108 @@
|
|||
<!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="Blog Post 1">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Post 4 Headline</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Post-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Post Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-edb0">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="../images/1.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080">
|
||||
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-text-1">Post 4 Headline</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width-sm u-expanded-width-xl u-expanded-width-xs u-post-content u-text u-text-2 fr-view">
|
||||
Sample small text. Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
108
blog/post-4.html
Normal file
|
@ -0,0 +1,108 @@
|
|||
<!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="Blog Post 1">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Post 5 Headline</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Post-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Post Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-edb0">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="../images/2.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080">
|
||||
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-text-1">Post 5 Headline</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width-sm u-expanded-width-xl u-expanded-width-xs u-post-content u-text u-text-2 fr-view">
|
||||
Sample small text. Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
108
blog/post-5.html
Normal file
|
@ -0,0 +1,108 @@
|
|||
<!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="Blog Post 1">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Post 6 Headline</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Post-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Post Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-edb0">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="../images/3.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080">
|
||||
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-text-1">Post 6 Headline</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width-sm u-expanded-width-xl u-expanded-width-xs u-post-content u-text u-text-2 fr-view">
|
||||
Sample small text. Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
108
blog/post.html
Normal file
|
@ -0,0 +1,108 @@
|
|||
<!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="Blog Post 1">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Post 1 Headline</title>
|
||||
<link rel="stylesheet" href="../nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="../Post-Template.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Post Template">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="../index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="../index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="../Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-clearfix u-section-1" id="sec-edb0">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="../images/1.jpeg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" data-image-width="1080" data-image-height="1080">
|
||||
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-text-1">Post 1 Headline</h2>
|
||||
<div class="u-metadata u-metadata-1">
|
||||
<span class="u-meta-date u-meta-icon">Jan 13, 2021</span>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="u-blog-control u-expanded-width-sm u-expanded-width-xl u-expanded-width-xs u-post-content u-text u-text-2 fr-view">
|
||||
Sample small text. Lorem ipsum dolor sit amet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</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>
|
BIN
images/1.jpeg
Normal file
After Width: | Height: | Size: 36 KiB |
BIN
images/2.jpeg
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
images/3.jpeg
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
images/406.jpg
Normal file
After Width: | Height: | Size: 36 KiB |
After Width: | Height: | Size: 118 KiB |
BIN
images/default-image.jpg
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
images/istockphoto-862433740-612x612.jpg
Normal file
After Width: | Height: | Size: 42 KiB |
BIN
images/oyche-doniz.jpg
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
images/szermierka_londyn.jpg
Normal file
After Width: | Height: | Size: 91 KiB |
BIN
images/two-male-disabled-fencing-athletes-260nw-704169838.webp
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
images/wheel-chair-fencing-4349435.jpg
Normal file
After Width: | Height: | Size: 171 KiB |
228
index.html
Normal file
|
@ -0,0 +1,228 @@
|
|||
<!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="live. move. refuel., Best Gym Membership, This place is special..., 01, Due to its commanding position, in the Second World War the Fort House was used by the military as an observation post and even had the roof reinforced to protect it from an aerial attack, with two feet of concrete, making it bomb proof from enemy aircraft., Make a reservation">
|
||||
<meta name="description" content="">
|
||||
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||
<title>Page 1</title>
|
||||
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||
<link rel="stylesheet" href="Page-1.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.4.1, 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": "",
|
||||
"url": "index.html",
|
||||
"logo": "#"
|
||||
}</script>
|
||||
<meta property="og:title" content="Page 1">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="theme-color" content="#1054f7">
|
||||
<link rel="canonical" href="index.html">
|
||||
<meta property="og:url" content="index.html">
|
||||
</head>
|
||||
<body data-home-page="Page-1.html" data-home-page-title="Page 1" class="u-body"><header class="u-black u-clearfix u-header u-header" id="sec-5358"><div class="u-clearfix u-sheet u-valign-middle-xs u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
|
||||
<img src="#" class="u-logo-image u-logo-image-1" data-image-width="80">
|
||||
</a>
|
||||
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||
<div class="menu-collapse" style="font-size: 1.25rem; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;">
|
||||
<a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="#">
|
||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
|
||||
</symbol>
|
||||
</defs></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container">
|
||||
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-white u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-white u-text-custom-color-1 u-text-hover-grey-90" href="Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
<div class="u-custom-menu u-nav-container-collapse">
|
||||
<div class="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="index.html" style="padding: 10px 0px;">home</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-1.html" style="padding: 10px 0px;">Page 1</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-2.html" style="padding: 10px 0px;">Page 2</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-3.html" style="padding: 10px 0px;">Page 3</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-4.html" style="padding: 10px 0px;">Page 4</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-5.html" style="padding: 10px 0px;">Page 5</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-6.html" style="padding: 10px 0px;">Page 6</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-7.html" style="padding: 10px 0px;">Page 7</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-8.html" style="padding: 10px 0px;">Page 8</a>
|
||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-9.html" style="padding: 10px 0px;">Page 9</a>
|
||||
</li></ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||
</div>
|
||||
</nav>
|
||||
</div></header>
|
||||
<section class="u-align-center u-clearfix u-image u-section-1" id="carousel_becc" data-image-width="639" data-image-height="479">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<h2 class="u-text u-text-body-alt-color u-text-1">live. move. refuel.</h2>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-center u-clearfix u-section-2" id="carousel_5dcb">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<h3 class="u-text u-text-1">Meet Your Trainers</h3>
|
||||
<div class="u-expanded-width-xs u-list u-repeater u-list-1">
|
||||
<div class="u-align-center u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-1">
|
||||
<img class="u-image u-image-1" src="images/oyche-doniz.jpg" data-image-width="1000" data-image-height="600">
|
||||
<h5 class="u-text u-text-2">Trener Łukasz Jamroz </h5>
|
||||
<p class="u-text u-text-grey-40 u-text-3">Info.....</p>
|
||||
<a href="https://nicepage.com/one-page-template" class="u-black u-btn u-button-style u-btn-1">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-left u-clearfix u-image u-shading u-section-3" id="carousel_040f" data-image-width="957" data-image-height="1300">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<a href="https://nicepage.com" class="u-btn u-button-style u-white u-btn-1">Learn more about us</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-clearfix u-section-4" id="carousel_adb9">
|
||||
<div class="u-clearfix u-expanded-width u-gutter-100 u-layout-wrap u-layout-wrap-1">
|
||||
<div class="u-layout">
|
||||
<div class="u-layout-row">
|
||||
<div class="u-align-center u-container-style u-layout-cell u-left-cell u-size-32 u-layout-cell-1">
|
||||
<div class="u-container-layout u-valign-top-xs u-container-layout-1">
|
||||
<img src="images/istockphoto-862433740-612x612.jpg" alt="" class="u-image u-image-default u-image-1" data-image-width="612" data-image-height="612">
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-black u-container-style u-layout-cell u-size-28 u-layout-cell-2">
|
||||
<div class="u-container-layout u-valign-middle u-container-layout-2">
|
||||
<h6 class="u-text u-text-1">about us</h6>
|
||||
<h2 class="u-text u-text-2">This place is special...</h2>
|
||||
<p class="u-text u-text-3">Due to its commanding position, in the Second World War the Fort House was used by the military as an observation post and even had the roof reinforced to protect it from an aerial attack, with two feet of concrete, making
|
||||
it bomb proof from enemy aircraft. With its historic harbour, rockpools and sandy beaches St Mawes provides the idyllic Cornish escape and The Fort House the perfect property in which to stay This spacious and airy
|
||||
single storey holiday cottage sits in a private garden whose terrace provides uninterrupted views of the spectacular Cornish coastline.</p>
|
||||
<a href="https://nicepage.com/landing-page" class="u-border-2 u-border-black u-link u-text-body-color u-link-1">read more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-left u-clearfix u-image u-section-5" id="carousel_ca2a" data-image-width="727" data-image-height="300">
|
||||
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
|
||||
<h4 class="u-text u-text-body-alt-color u-text-1">What People Say</h4><span class="u-icon u-icon-circle u-opacity u-opacity-45 u-text-palette-5-base u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 409.294 409.294" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-b49d"></use></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 409.294 409.294" id="svg-b49d"><path d="m233.882 29.235v175.412h116.941c0 64.48-52.461 116.941-116.941 116.941v58.471c96.728 0 175.412-78.684 175.412-175.412v-175.412z"></path><path d="m0 204.647h116.941c0 64.48-52.461 116.941-116.941 116.941v58.471c96.728 0 175.412-78.684 175.412-175.412v-175.412h-175.412z"></path></svg></span>
|
||||
<h2 class="u-text u-text-body-alt-color u-text-2">Due to its commanding position, in the Second World War the Fort House was used by the military as an observation post and even had the roof reinforced to protect it from an aerial attack, with two feet of concrete, making it bomb proof from enemy aircraft. </h2>
|
||||
<h6 class="u-text u-text-body-alt-color u-text-3">Nick Cave</h6>
|
||||
<a href="https://nicepage.com" class="u-border-2 u-border-white u-btn u-btn-rectangle u-button-style u-none u-btn-1">Read More</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-clearfix u-section-6" id="carousel_e864">
|
||||
<div class="u-clearfix u-sheet u-sheet-1">
|
||||
<img src="images/57661369-disable-handicap-sport-icons-archery-basketball-tennis-fencing-and-table-tennis.jpg" alt="" class="u-image u-image-default u-image-1" data-image-width="1300" data-image-height="1300">
|
||||
<div class="u-list u-repeater u-list-1">
|
||||
<div class="u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-1">
|
||||
<h5 class="u-text u-text-1">Join the Movement</h5>
|
||||
<p class="u-text u-text-2">Sample text. Click to select the text box. Click again or double click to start editing the text. <a href="https://nicepage.com/" target="_blank">Duis aute irure dolor</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-2">
|
||||
<h5 class="u-text u-text-3">Transform lives</h5>
|
||||
<p class="u-text u-text-4">Sample text. Click to select the text box. Click again or double click to start editing the text. Duis aute irure dolor. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-container-style u-list-item u-repeater-item">
|
||||
<div class="u-container-layout u-similar-container u-container-layout-3">
|
||||
<h5 class="u-text u-text-5">Train for a Race</h5>
|
||||
<p class="u-text u-text-6">Sample text. Click to select the text box. Click again or double click to start editing the text.<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="u-align-left u-black u-clearfix u-section-7" id="carousel_ccf3">
|
||||
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-sheet-1">
|
||||
<div class="u-align-left u-container-style u-group u-group-1">
|
||||
<div class="u-container-layout u-valign-middle u-container-layout-1">
|
||||
<h2 class="u-text u-text-1">Make a reservation</h2>
|
||||
<p class="u-text u-text-2">Our clients are important to us, so we continually train our therapists to ensure that all treatments are of the highest standard and that each client receives the best care’ </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="u-form u-form-1">
|
||||
<form action="#" method="POST" class="u-clearfix u-form-spacing-20 u-form-vertical u-inner-form" style="padding: 10px" source="custom" name="form">
|
||||
<div class="u-form-email u-form-group u-form-partition-factor-2 u-form-group-1">
|
||||
<label for="email-f2a8" class="u-label u-text-grey-40">E-mail</label>
|
||||
<input type="email" placeholder="Enter a valid email address" id="email-f2a8" name="email" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-group u-form-name u-form-partition-factor-2 u-form-group-2">
|
||||
<label for="name-f2a8" class="u-label u-text-grey-40">Name</label>
|
||||
<input type="text" placeholder="Enter your Name" id="name-f2a8" name="name" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-date u-form-group u-form-partition-factor-2 u-form-group-3">
|
||||
<label for="date-4441" class="u-label u-text-grey-40">Date</label>
|
||||
<input type="date" placeholder="MM/DD/YYYY" id="date-4441" name="date" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-group u-form-partition-factor-2 u-form-phone u-form-group-4">
|
||||
<label for="phone-447e" class="u-label u-text-grey-40">Phone</label>
|
||||
<input type="tel" pattern="\+?\d{0,2}[\s\(\-]?([0-9]{3})[\s\)\-]?([\s\-]?)([0-9]{3})[\s\-]?([0-9]{2})[\s\-]?([0-9]{2})" placeholder="Enter your phone (e.g. +14155552675)" id="phone-447e" name="phone" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required="">
|
||||
</div>
|
||||
<div class="u-form-group u-form-message u-form-group-5">
|
||||
<label for="message-f2a8" class="u-label u-text-grey-40">Message</label>
|
||||
<textarea placeholder="Enter your message" rows="4" cols="50" id="message-f2a8" name="message" class="u-border-1 u-border-grey-30 u-grey-80 u-input u-input-rectangle" required=""></textarea>
|
||||
</div>
|
||||
<div class="u-align-left u-form-group u-form-submit u-form-group-6">
|
||||
<a href="https://nicepage.com" class="u-border-2 u-border-white u-btn u-btn-rectangle u-btn-submit u-button-style u-none u-btn-1">Submit</a>
|
||||
<input type="submit" value="submit" class="u-form-control-hidden">
|
||||
</div>
|
||||
<div class="u-form-send-message u-form-send-success"> Thank you! Your message has been sent. </div>
|
||||
<div class="u-form-send-error u-form-send-message"> Unable to send your message. Please fix errors then try again. </div>
|
||||
<input type="hidden" value="" name="recaptchaResponse">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<style class="u-overlap-style">.u-overlap:not(.u-sticky-scroll) .u-header {
|
||||
background-color: #000000 !important
|
||||
}</style>
|
||||
|
||||
|
||||
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-574a"><div class="u-clearfix u-sheet u-sheet-1">
|
||||
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
|
||||
</div></footer>
|
||||
<section class="u-backlink u-clearfix u-grey-80">
|
||||
<a class="u-link" href="https://nicepage.com/templates" target="_blank">
|
||||
<span>Template</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>
|