Updated website
This commit is contained in:
Nathan Woodburn
parent
3169cae312
commit
970561940a
8
Contact.css
Normal file
8
Contact.css
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
.u-section-1 .u-sheet-1 {min-height: 500px}
|
||||||
|
.u-section-1 .u-form-1 {height: 313px; margin: 0 570px 60px 0}
|
||||||
|
.u-section-1 .u-form-group-4 {margin-left: 0}
|
||||||
|
|
||||||
|
@media (max-width: 1199px){ .u-section-1 .u-form-1 {margin-right: initial; margin-left: initial} }
|
||||||
|
|
||||||
|
@media (max-width: 575px){ .u-section-1 .u-form-group-3 {width: 100%}
|
||||||
|
.u-section-1 .u-form-group-4 {width: 100%} }
|
||||||
149
Contact.html
Normal file
149
Contact.html
Normal file
@ -0,0 +1,149 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html style="font-size: 16px;" lang="en-AU">
|
||||||
|
<head>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="keywords" content="">
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title>Contact</title>
|
||||||
|
<link rel="stylesheet" href="nicepage.css" media="screen">
|
||||||
|
<link rel="stylesheet" href="Contact.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
|
||||||
|
<link rel="icon" href="images/favicon.png">
|
||||||
|
<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": "NathanWoodburn",
|
||||||
|
"url": "index.html",
|
||||||
|
"logo": "images/NJWIconbig.png"
|
||||||
|
}</script>
|
||||||
|
<meta property="og:title" content="Contact">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta name="theme-color" content="#478ac9">
|
||||||
|
<link rel="canonical" href="index.html">
|
||||||
|
<meta property="og:url" content="index.html">
|
||||||
|
<script src="https://www.google.com/recaptcha/api.js?render=6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU"></script>
|
||||||
|
<script>
|
||||||
|
( function( grecaptcha, sitekey, actions ) {
|
||||||
|
|
||||||
|
var recaptcha = {
|
||||||
|
|
||||||
|
execute: function( action ) {
|
||||||
|
grecaptcha.execute(
|
||||||
|
sitekey,
|
||||||
|
{ action: action }
|
||||||
|
).then( function( token ) {
|
||||||
|
var forms = document.getElementsByTagName( 'form' );
|
||||||
|
|
||||||
|
for ( var i = 0; i < forms.length; i++ ) {
|
||||||
|
var fields = forms[ i ].getElementsByTagName( 'input' );
|
||||||
|
|
||||||
|
for ( var j = 0; j < fields.length; j++ ) {
|
||||||
|
var field = fields[ j ];
|
||||||
|
|
||||||
|
if ( 'recaptchaResponse' === field.getAttribute( 'name' ) ) {
|
||||||
|
field.setAttribute( 'value', token );
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} );
|
||||||
|
},
|
||||||
|
|
||||||
|
executeContact: function() {
|
||||||
|
recaptcha.execute( actions[ 'contact' ] );
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
grecaptcha.ready(
|
||||||
|
recaptcha.executeContact
|
||||||
|
);
|
||||||
|
|
||||||
|
document.addEventListener( 'change',
|
||||||
|
recaptcha.executeContact, false
|
||||||
|
);
|
||||||
|
} )(
|
||||||
|
grecaptcha,
|
||||||
|
'6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU',
|
||||||
|
{"contact":"contact"}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body class="u-body"><header class="u-align-left u-clearfix u-header u-header" id="sec-a026"><div class="u-clearfix u-sheet u-valign-top u-sheet-1">
|
||||||
|
<a href="Home.html" class="u-image u-logo u-image-1" title="Home">
|
||||||
|
<img src="images/NJWIconbig.png" class="u-logo-image u-logo-image-1" data-image-width="64">
|
||||||
|
</a>
|
||||||
|
<nav class="u-align-right u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||||
|
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
|
||||||
|
<a class="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-hover-black" 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-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="Home.html" style="padding: 10px 20px;">Home</a>
|
||||||
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="" style="padding: 10px 20px;">Contact</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-menu-close"></div>
|
||||||
|
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
|
||||||
|
</li></ul>
|
||||||
|
</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-54b5">
|
||||||
|
<div class="u-clearfix u-sheet u-valign-top u-sheet-1">
|
||||||
|
<div class="u-expanded-width u-form u-form-1">
|
||||||
|
<form action="scripts/form-54b5.php" method="POST" class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form" style="padding: 10px" source="customphp" name="form">
|
||||||
|
<input type="hidden" id="siteId" name="siteId" value="151067664">
|
||||||
|
<input type="hidden" id="pageId" name="pageId" value="879913816">
|
||||||
|
<div class="u-form-group u-form-name">
|
||||||
|
<label for="name-2e24" class="u-form-control-hidden u-label">Name</label>
|
||||||
|
<input type="text" placeholder="Enter your Name" id="name-2e24" name="name" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white" required="">
|
||||||
|
</div>
|
||||||
|
<div class="u-form-email u-form-group">
|
||||||
|
<label for="email-2e24" class="u-form-control-hidden u-label">Email</label>
|
||||||
|
<input type="email" placeholder="Enter a valid email address" id="email-2e24" name="email" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white" required="">
|
||||||
|
</div>
|
||||||
|
<div class="u-form-group u-form-message u-form-group-3">
|
||||||
|
<label for="message-2e24" class="u-form-control-hidden u-label">Message</label>
|
||||||
|
<textarea placeholder="Enter your message" rows="4" cols="50" id="message-2e24" name="message" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white" required=""></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="u-form-agree u-form-group u-form-group-4">
|
||||||
|
<input type="checkbox" id="agree-6e8d" name="agree" class="u-agree-checkbox" required="">
|
||||||
|
<label for="agree-6e8d" class="u-label">I accept the Terms of Service</label>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-left u-form-group u-form-submit">
|
||||||
|
<a href="#" class="u-btn u-btn-submit u-button-style">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>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-c9bd"><div class="u-clearfix u-sheet u-sheet-1">
|
||||||
|
<p class="u-align-right u-small-text u-text u-text-variant u-text-1">Copyright © 2020 Nathan Woodburn. All rights reserved.</p>
|
||||||
|
<p class="u-align-right u-text u-text-default u-text-2">
|
||||||
|
<a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="mailto:nathan@woodburn.tk">nathan@woodburn.tk<br>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
71
Home.html
71
Home.html
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html style="font-size: 16px;">
|
<html style="font-size: 16px;" lang="en-AU">
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
@ -12,13 +12,14 @@
|
|||||||
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
|
||||||
|
<link rel="icon" href="images/favicon.png">
|
||||||
<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">
|
<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">{
|
<script type="application/ld+json">{
|
||||||
"@context": "http://schema.org",
|
"@context": "http://schema.org",
|
||||||
"@type": "Organization",
|
"@type": "Organization",
|
||||||
"name": "",
|
"name": "NathanWoodburn",
|
||||||
"url": "index.html",
|
"url": "index.html",
|
||||||
"logo": "images/NJWIconbig.png"
|
"logo": "images/NJWIconbig.png"
|
||||||
}</script>
|
}</script>
|
||||||
@ -27,14 +28,60 @@
|
|||||||
<meta name="theme-color" content="#478ac9">
|
<meta name="theme-color" content="#478ac9">
|
||||||
<link rel="canonical" href="index.html">
|
<link rel="canonical" href="index.html">
|
||||||
<meta property="og:url" content="index.html">
|
<meta property="og:url" content="index.html">
|
||||||
</head>
|
<script src="https://www.google.com/recaptcha/api.js?render=6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU"></script>
|
||||||
|
<script>
|
||||||
|
( function( grecaptcha, sitekey, actions ) {
|
||||||
|
|
||||||
|
var recaptcha = {
|
||||||
|
|
||||||
|
execute: function( action ) {
|
||||||
|
grecaptcha.execute(
|
||||||
|
sitekey,
|
||||||
|
{ action: action }
|
||||||
|
).then( function( token ) {
|
||||||
|
var forms = document.getElementsByTagName( 'form' );
|
||||||
|
|
||||||
|
for ( var i = 0; i < forms.length; i++ ) {
|
||||||
|
var fields = forms[ i ].getElementsByTagName( 'input' );
|
||||||
|
|
||||||
|
for ( var j = 0; j < fields.length; j++ ) {
|
||||||
|
var field = fields[ j ];
|
||||||
|
|
||||||
|
if ( 'recaptchaResponse' === field.getAttribute( 'name' ) ) {
|
||||||
|
field.setAttribute( 'value', token );
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} );
|
||||||
|
},
|
||||||
|
|
||||||
|
executeContact: function() {
|
||||||
|
recaptcha.execute( actions[ 'contact' ] );
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
grecaptcha.ready(
|
||||||
|
recaptcha.executeContact
|
||||||
|
);
|
||||||
|
|
||||||
|
document.addEventListener( 'change',
|
||||||
|
recaptcha.executeContact, false
|
||||||
|
);
|
||||||
|
} )(
|
||||||
|
grecaptcha,
|
||||||
|
'6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU',
|
||||||
|
{"contact":"contact"}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
<body class="u-body u-overlap"><header class="u-align-left u-clearfix u-header u-header" id="sec-a026"><div class="u-clearfix u-sheet u-valign-top u-sheet-1">
|
<body class="u-body u-overlap"><header class="u-align-left u-clearfix u-header u-header" id="sec-a026"><div class="u-clearfix u-sheet u-valign-top u-sheet-1">
|
||||||
<a href="Home.html" class="u-image u-logo u-image-1" title="Home">
|
<a href="Home.html" class="u-image u-logo u-image-1" title="Home">
|
||||||
<img src="images/NJWIconbig.png" class="u-logo-image u-logo-image-1" data-image-width="64">
|
<img src="images/NJWIconbig.png" class="u-logo-image u-logo-image-1" data-image-width="64">
|
||||||
</a>
|
</a>
|
||||||
<nav class="u-align-right u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
<nav class="u-align-right u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||||
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
|
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
|
||||||
<a class="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-palette-1-base u-text-hover-palette-2-base" href="#">
|
<a class="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-hover-black" href="#">
|
||||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
<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>
|
<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>
|
</symbol>
|
||||||
@ -42,15 +89,14 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="u-custom-menu u-nav-container">
|
<div class="u-custom-menu u-nav-container">
|
||||||
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Home.html" style="padding: 10px 20px;">Home</a>
|
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="Home.html" style="padding: 10px 20px;">Home</a>
|
||||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Page-2.html" style="padding: 10px 20px;">Page 2</a>
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="" style="padding: 10px 20px;">Contact</a>
|
||||||
</li></ul>
|
</li></ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="u-custom-menu u-nav-container-collapse">
|
<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-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
|
||||||
<div class="u-menu-close"></div>
|
<div class="u-menu-close"></div>
|
||||||
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
|
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
|
||||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-2.html" style="padding: 10px 20px;">Page 2</a>
|
|
||||||
</li></ul>
|
</li></ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||||
@ -72,16 +118,5 @@
|
|||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div></footer>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
216
Nicepage/Site_151067664/Blog-Template.html
Normal file
216
Nicepage/Site_151067664/Blog-Template.html
Normal file
@ -0,0 +1,216 @@
|
|||||||
|
<!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, 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></title>
|
||||||
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"></head>
|
||||||
|
<body class="u-body" data-style="page-image-heading-text" data-posts="" data-global-section-properties="{"code":"BLOG","colorings":{"light":["clean"],"colored":["clean"],"dark":["clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"blog-image-heading-text"}]" data-page-coloring-types="{"light":["clean"],"colored":["clean"],"dark":["clean"]}" data-page-category=""Blog""><section class="u-clearfix u-block-08b7-1" custom-posts-hash="[I,T]" data-style="blog-image-heading-text" data-post-id="1030750082184810900" data-section-properties="{"margin":"none","stretch":true}" id="sec-3b5d" data-id="08b7">
|
||||||
|
<div class="u-clearfix u-sheet u-block-08b7-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img src="np://app.desktop.nicepage.com/images/default-image.jpg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-block-08b7-3" data-brightness="" data-image-width="1080" data-image-height="1080" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}},"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h2 class="u-blog-control u-expanded-width u-text u-block-08b7-4" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><a class="u-post-header-link" href="#">Blog Post 1</a></h2>
|
||||||
|
<div class="u-metadata u-block-08b7-5" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<span class="u-meta-date u-meta-icon">Mon Oct 26 2020</span>
|
||||||
|
<span class="u-meta-category u-meta-icon">Category</span>
|
||||||
|
<span class="u-meta-comments u-meta-icon">Comments (0)</span>
|
||||||
|
</div>
|
||||||
|
<div class="u-blog-control u-expanded-width u-post-content u-text u-block-08b7-6" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p></div>
|
||||||
|
<a href="https://nicepage.com" class="u-blog-control u-link u-block-08b7-7" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">Read More</a>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-08b7-2 {min-height: 878px}
|
||||||
|
.u-block-08b7-3 {height: 530px; margin-top: 60px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-08b7-4 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-08b7-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-08b7-6 {margin-top: 40px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-08b7-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-08b7-2 {min-height: 878px}
|
||||||
|
.u-block-08b7-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-08b7-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-08b7-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-08b7-2 {min-height: 888px}
|
||||||
|
.u-block-08b7-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-08b7-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-08b7-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-08b7-2 {min-height: 735px}
|
||||||
|
.u-block-08b7-3 {height: 362px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-08b7-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-08b7-2 {min-height: 700px}
|
||||||
|
.u-block-08b7-3 {height: 302px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-08b7-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-08b7-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
</section><section class="u-clearfix u-block-6b71-1" custom-posts-hash="[I,T]" data-style="blog-image-heading-text" data-post-id="1030750082184810901" data-section-properties="{"margin":"none","stretch":true}" id="sec-8449" data-id="6b71">
|
||||||
|
<div class="u-clearfix u-sheet u-block-6b71-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img src="np://app.desktop.nicepage.com/images/default-image.jpg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-block-6b71-3" data-brightness="" data-image-width="1080" data-image-height="1080" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}},"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h2 class="u-blog-control u-expanded-width u-text u-block-6b71-4" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><a class="u-post-header-link" href="#">Blog Post 2</a></h2>
|
||||||
|
<div class="u-metadata u-block-6b71-5" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<span class="u-meta-date u-meta-icon">Mon Oct 26 2020</span>
|
||||||
|
<span class="u-meta-category u-meta-icon">Category</span>
|
||||||
|
<span class="u-meta-comments u-meta-icon">Comments (0)</span>
|
||||||
|
</div>
|
||||||
|
<div class="u-blog-control u-expanded-width u-post-content u-text u-block-6b71-6" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p></div>
|
||||||
|
<a href="https://nicepage.com" class="u-blog-control u-link u-block-6b71-7" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">Read More</a>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-6b71-2 {min-height: 878px}
|
||||||
|
.u-block-6b71-3 {height: 530px; margin-top: 60px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-6b71-4 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-6b71-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-6b71-6 {margin-top: 40px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-6b71-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-6b71-2 {min-height: 878px}
|
||||||
|
.u-block-6b71-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-6b71-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-6b71-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-6b71-2 {min-height: 888px}
|
||||||
|
.u-block-6b71-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-6b71-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-6b71-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-6b71-2 {min-height: 735px}
|
||||||
|
.u-block-6b71-3 {height: 362px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-6b71-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-6b71-2 {min-height: 700px}
|
||||||
|
.u-block-6b71-3 {height: 302px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-6b71-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-6b71-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
</section><section class="u-clearfix u-block-a382-1" custom-posts-hash="[I,T]" data-style="blog-image-heading-text" data-post-id="1030750082184810902" data-section-properties="{"margin":"none","stretch":true}" id="sec-1723" data-id="a382">
|
||||||
|
<div class="u-clearfix u-sheet u-block-a382-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img src="np://app.desktop.nicepage.com/images/default-image.jpg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-block-a382-3" data-brightness="" data-image-width="1080" data-image-height="1080" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}},"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h2 class="u-blog-control u-expanded-width u-text u-block-a382-4" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><a class="u-post-header-link" href="#">Blog Post 3</a></h2>
|
||||||
|
<div class="u-metadata u-block-a382-5" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<span class="u-meta-date u-meta-icon">Mon Oct 26 2020</span>
|
||||||
|
<span class="u-meta-category u-meta-icon">Category</span>
|
||||||
|
<span class="u-meta-comments u-meta-icon">Comments (0)</span>
|
||||||
|
</div>
|
||||||
|
<div class="u-blog-control u-expanded-width u-post-content u-text u-block-a382-6" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p></div>
|
||||||
|
<a href="https://nicepage.com" class="u-blog-control u-link u-block-a382-7" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">Read More</a>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-a382-2 {min-height: 878px}
|
||||||
|
.u-block-a382-3 {height: 530px; margin-top: 60px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-a382-4 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-a382-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-a382-6 {margin-top: 40px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-a382-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-a382-2 {min-height: 878px}
|
||||||
|
.u-block-a382-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-a382-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-a382-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-a382-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-a382-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-a382-2 {min-height: 888px}
|
||||||
|
.u-block-a382-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-a382-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-a382-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-a382-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-a382-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-a382-2 {min-height: 735px}
|
||||||
|
.u-block-a382-3 {height: 362px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-a382-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-a382-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-a382-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-a382-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-a382-2 {min-height: 700px}
|
||||||
|
.u-block-a382-3 {height: 302px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-a382-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-a382-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-a382-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-a382-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
</section><section class="u-clearfix u-block-e640-1" custom-posts-hash="[I,T]" data-style="blog-image-heading-text" data-post-id="1030750082184810903" data-section-properties="{"margin":"none","stretch":true}" id="sec-322a" data-id="e640">
|
||||||
|
<div class="u-clearfix u-sheet u-block-e640-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img src="np://app.desktop.nicepage.com/images/default-image.jpg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-block-e640-3" data-brightness="" data-image-width="1080" data-image-height="1080" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}},"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h2 class="u-blog-control u-expanded-width u-text u-block-e640-4" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><a class="u-post-header-link" href="#">Blog Post 4</a></h2>
|
||||||
|
<div class="u-metadata u-block-e640-5" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<span class="u-meta-date u-meta-icon">Mon Oct 26 2020</span>
|
||||||
|
<span class="u-meta-category u-meta-icon">Category</span>
|
||||||
|
<span class="u-meta-comments u-meta-icon">Comments (0)</span>
|
||||||
|
</div>
|
||||||
|
<div class="u-blog-control u-expanded-width u-post-content u-text u-block-e640-6" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p></div>
|
||||||
|
<a href="https://nicepage.com" class="u-blog-control u-link u-block-e640-7" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">Read More</a>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-e640-2 {min-height: 878px}
|
||||||
|
.u-block-e640-3 {height: 530px; margin-top: 60px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-e640-4 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-e640-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-e640-6 {margin-top: 40px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-e640-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-e640-2 {min-height: 878px}
|
||||||
|
.u-block-e640-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-e640-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-e640-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-e640-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-e640-7 {margin-top: 30px; margin-right: auto; margin-bottom: 50px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-e640-2 {min-height: 888px}
|
||||||
|
.u-block-e640-3 {margin-top: 60px; margin-bottom: 0; height: 530px}
|
||||||
|
.u-block-e640-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-e640-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-e640-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-e640-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-e640-2 {min-height: 735px}
|
||||||
|
.u-block-e640-3 {height: 362px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-e640-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-e640-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-e640-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-e640-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-e640-2 {min-height: 700px}
|
||||||
|
.u-block-e640-3 {height: 302px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-e640-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-e640-5 {margin-top: 13px; margin-bottom: 0; margin-left: 0; margin-right: auto; font-weight: 400}
|
||||||
|
.u-block-e640-6 {margin-top: 40px; margin-bottom: 0}
|
||||||
|
.u-block-e640-7 {margin-top: 30px; margin-right: auto; margin-bottom: 60px; margin-left: 0} }</style>
|
||||||
|
</section><section class="u-clearfix u-block-5b6c-1" custom-posts-hash="[]" data-style="pagination" data-section-properties="{"position":"footer","margin":"none","stretch":true}" id="sec-1c1c" data-id="5b6c">
|
||||||
|
<div class="u-clearfix u-sheet u-block-5b6c-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<ul class="responsive-style1 u-pagination u-unstyled u-block-5b6c-3" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<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>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-5b6c-2 {min-height: 107px}
|
||||||
|
.u-block-5b6c-3 {margin-top: 25px; margin-bottom: 25px; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-5b6c-2 {min-height: 107px}
|
||||||
|
.u-block-5b6c-3 {margin-top: 25px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-5b6c-2 {min-height: 107px}
|
||||||
|
.u-block-5b6c-3 {margin-top: 25px; margin-bottom: 0; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-5b6c-2 {min-height: 107px}
|
||||||
|
.u-block-5b6c-3 {margin-top: 25px; margin-bottom: 0; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-5b6c-2 {min-height: 164px}
|
||||||
|
.u-block-5b6c-3 {margin-top: 25px; margin-bottom: 0; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
</section>
|
||||||
|
</body></html>
|
||||||
44
Nicepage/Site_151067664/Contact.html
Normal file
44
Nicepage/Site_151067664/Contact.html
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<!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></title>
|
||||||
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"><link rel="icon" href="favicon.png"></head>
|
||||||
|
<body class="u-body" data-style="blank" data-posts="" data-global-section-properties="{"colorings":{"light":["clean"],"colored":["clean"],"dark":["dark"]}}" data-source="blank" data-page-sections-style="" data-page-coloring-types="{"light":["clean"],"colored":["clean"],"dark":["dark"]}" data-page-category=""Basic""><section class="u-clearfix u-block-50e0-1" custom-posts-hash="[]" data-style="blank" data-section-properties="{"margin":"none","stretch":true}" id="sec-54b5" data-source="Blank" data-id="50e0">
|
||||||
|
<div class="u-clearfix u-sheet u-valign-top u-block-50e0-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"top","SM":"top","XS":"top"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"top","SM":"top","XS":"top"}}}"><div class="u-expanded-width u-form u-block-50e0-3" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"top","SM":"top","XS":"top"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"top","SM":"top","XS":"top"}}}"><form action="[[form-54b5]]" method="POST" class="u-clearfix u-form-spacing-10 u-form-vertical u-inner-form" style="padding: 10px" source="customphp" name="form">
|
||||||
|
<input type="hidden" id="siteId" name="siteId" value="151067664">
|
||||||
|
<input type="hidden" id="pageId" name="pageId" value="879913816">
|
||||||
|
<div class="u-form-group u-form-name u-block-50e0-4"><label for="name-2e24" class="u-form-control-hidden u-label u-block-50e0-5">Name</label>
|
||||||
|
<input type="text" placeholder="Enter your Name" id="name-2e24" name="name" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white u-block-50e0-6" required=""></div><div class="u-form-email u-form-group u-block-50e0-7"><label for="email-2e24" class="u-form-control-hidden u-label u-block-50e0-8">Email</label>
|
||||||
|
<input type="email" placeholder="Enter a valid email address" id="email-2e24" name="email" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white u-block-50e0-9" required=""></div><div class="u-form-group u-form-message u-block-50e0-10"><label for="message-2e24" class="u-form-control-hidden u-label u-block-50e0-11">Message</label>
|
||||||
|
<textarea placeholder="Enter your message" rows="4" cols="50" id="message-2e24" name="message" class="u-border-1 u-border-grey-30 u-input u-input-rectangle u-white u-block-50e0-12" required=""></textarea></div>
|
||||||
|
<div class="u-form-agree u-form-group u-block-50e0-15"><input type="checkbox" id="agree-6e8d" name="agree" class="u-agree-checkbox" required="">
|
||||||
|
<label for="agree-6e8d" class="u-label u-block-50e0-16">I accept the Terms of Service</label></div><div class="u-align-left u-form-group u-form-submit u-block-50e0-13">
|
||||||
|
<a href="#" class="u-btn u-btn-submit u-button-style u-block-50e0-14">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">
|
||||||
|
<div style="display: none;" class="u-form-subject">New Form Submission</div><div style="display: none;" class="u-form-email-message">You have a new form submission</div><div style="display: none;" class="u-form-emailto">contact@nathanwoodburn.tk</div><div style="display: none;" class="u-form-emailfrom">noreply@njwapps.tk</div></form></div></div>
|
||||||
|
<style data-mode="XL">@media (min-width: 1200px){ .u-block-50e0-2 {min-height: 500px}
|
||||||
|
.u-block-50e0-3 {height: 313px; margin-top: 0; margin-right: 570px; margin-bottom: 60px; margin-left: 0}
|
||||||
|
.u-block-50e0-15 {margin-left: 0} }</style><style data-mode="LG">@media (max-width: 1199px) and (min-width: 992px){ .u-block-50e0-2 {min-height: 500px}
|
||||||
|
.u-block-50e0-3 {margin-top: 0; margin-bottom: 60px; height: 313px}
|
||||||
|
.u-block-50e0-15 {margin-left: 0} }</style><style data-mode="MD">@media (max-width: 991px) and (min-width: 768px){ .u-block-50e0-2 {min-height: 500px}
|
||||||
|
.u-block-50e0-3 {margin-top: 0; margin-bottom: 60px; height: 313px}
|
||||||
|
.u-block-50e0-15 {margin-left: 0} }</style><style data-mode="SM">@media (max-width: 767px) and (min-width: 576px){ .u-block-50e0-2 {min-height: 500px}
|
||||||
|
.u-block-50e0-3 {margin-top: 0; margin-bottom: 60px; height: 313px}
|
||||||
|
.u-block-50e0-15 {margin-left: 0} }</style><style data-mode="XS">@media (max-width: 575px){ .u-block-50e0-2 {min-height: 500px}
|
||||||
|
.u-block-50e0-3 {margin-top: 0; margin-bottom: 60px; height: 313px}
|
||||||
|
.u-block-50e0-10 {width: 100%}
|
||||||
|
.u-block-50e0-15 {margin-left: 0; width: 100%} }</style></section>
|
||||||
|
</body></html>
|
||||||
37
Nicepage/Site_151067664/Home.html
Normal file
37
Nicepage/Site_151067664/Home.html
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
<!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="Nathan Woodburn"><meta name="description" content=""><meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title></title>
|
||||||
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"><link rel="icon" href="favicon.png"></head>
|
||||||
|
<body class="u-body u-overlap" data-style="blank" data-posts="" data-global-section-properties="{"colorings":{"light":["clean"],"colored":["clean"],"dark":["dark"]}}" data-source="blank" data-page-sections-style="" data-page-coloring-types="{"light":["clean"],"colored":["clean"],"dark":["dark"]}" data-page-category=""Basic""><section class="u-align-center u-clearfix u-image u-shading u-block-e23b-1" custom-posts-hash="[I,T]" data-state="{"min-height":{"canCollapse":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" src="" data-brightness="40" data-style="intro-center-image-dark-1" data-post-id="685123684" data-image-width="256" data-image-height="256" data-section-properties="{"margin":"none","stretch":false}" id="sec-981d" data-source="Sketch" data-id="e23b">
|
||||||
|
<div class="u-clearfix u-sheet u-valign-middle u-block-e23b-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}}}">
|
||||||
|
<h1 class="u-text u-text-default u-title u-block-e23b-3" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}}}">Nathan Woodburn</h1>
|
||||||
|
<p class="u-large-text u-text u-text-default u-text-variant u-block-e23b-4" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}}}">This website is a test</p>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-e23b-1 {background-image: linear-gradient(0deg, rgba(var(--black-r),var(--black-g),var(--black-b),0.4), rgba(var(--black-r),var(--black-g),var(--black-b),0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K"); background-position: 50% 50%}
|
||||||
|
.u-block-e23b-2 {min-height: 800px}
|
||||||
|
.u-block-e23b-3 {margin-top: 60px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-e23b-4 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="LG">@media (max-width: 1199px) and (min-width: 992px){ .u-block-e23b-1 {background-position: 50% 50%; background-image: linear-gradient(0deg, rgba(var(--black-r),var(--black-g),var(--black-b),0.4), rgba(var(--black-r),var(--black-g),var(--black-b),0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K")}
|
||||||
|
.u-block-e23b-2 {min-height: 660px}
|
||||||
|
.u-block-e23b-3 {margin-top: 60px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-e23b-4 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="MD">@media (max-width: 991px) and (min-width: 768px){ .u-block-e23b-1 {background-position: 50% 50%; background-image: linear-gradient(0deg, rgba(var(--black-r),var(--black-g),var(--black-b),0.4), rgba(var(--black-r),var(--black-g),var(--black-b),0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K")}
|
||||||
|
.u-block-e23b-2 {min-height: 506px}
|
||||||
|
.u-block-e23b-3 {margin-top: 60px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-e23b-4 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="SM">@media (max-width: 767px) and (min-width: 576px){ .u-block-e23b-1 {background-position: 50% 50%; background-image: linear-gradient(0deg, rgba(var(--black-r),var(--black-g),var(--black-b),0.4), rgba(var(--black-r),var(--black-g),var(--black-b),0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K")}
|
||||||
|
.u-block-e23b-2 {min-height: 380px}
|
||||||
|
.u-block-e23b-3 {margin-top: 60px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-e23b-4 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-e23b-1 {background-position: 50% 50%; background-image: linear-gradient(0deg, rgba(var(--black-r),var(--black-g),var(--black-b),0.4), rgba(var(--black-r),var(--black-g),var(--black-b),0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K")}
|
||||||
|
.u-block-e23b-2 {min-height: 287px}
|
||||||
|
.u-block-e23b-3 {margin-top: 60px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-e23b-4 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 60px} }</style>
|
||||||
|
</section>
|
||||||
|
</body></html>
|
||||||
53
Nicepage/Site_151067664/Post-Template.html
Normal file
53
Nicepage/Site_151067664/Post-Template.html
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
<!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></title>
|
||||||
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"></head>
|
||||||
|
<body class="u-body" data-style="post-template-2" data-posts="" data-global-section-properties="{"code":"POST","colorings":{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"blog-post-v2","margin":"both","repeat":false}]" data-page-coloring-types="{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]}" data-page-category=""Post""><section class="u-clearfix u-block-3491-1" custom-posts-hash="[I,T]" data-style="blog-post-v2" data-post-id="1030750082184810900" data-section-properties="{"margin":"both","stretch":true}" id="sec-f4ed" data-id="3491">
|
||||||
|
<div class="u-clearfix u-sheet u-block-3491-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img src="np://app.desktop.nicepage.com/images/default-image.jpg" alt="" class="u-blog-control u-expanded-width u-image u-image-default u-block-3491-3" data-brightness="" data-image-width="1080" data-image-height="1080" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}},"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h2 class="u-blog-control u-custom-font u-expanded-width u-heading-font u-text u-block-3491-4" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><a class="u-post-header-link" href="#">Blog Post 1</a></h2>
|
||||||
|
<div class="u-metadata u-block-3491-5" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<span class="u-meta-date u-meta-icon">Mon Oct 26 2020</span>
|
||||||
|
<span class="u-meta-category u-meta-icon">Category</span>
|
||||||
|
<span class="u-meta-comments u-meta-icon">Comments (0)</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-block-3491-6" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"><p>Sample text. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p></div>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-3491-1 {background-image: none}
|
||||||
|
.u-block-3491-2 {min-height: 783px}
|
||||||
|
.u-block-3491-3 {height: 500px; margin-top: 60px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-3491-4 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-3491-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-3491-6 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-3491-1 {background-image: none}
|
||||||
|
.u-block-3491-2 {min-height: 783px}
|
||||||
|
.u-block-3491-3 {height: 500px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-3491-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-3491-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-3491-6 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-3491-1 {background-image: none}
|
||||||
|
.u-block-3491-2 {min-height: 768px}
|
||||||
|
.u-block-3491-3 {height: 460px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-3491-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-3491-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-3491-6 {margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-3491-1 {background-image: none}
|
||||||
|
.u-block-3491-2 {min-height: 768px}
|
||||||
|
.u-block-3491-3 {height: 460px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-3491-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-3491-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-3491-6 {margin-top: 30px; margin-bottom: 60px} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-3491-1 {background-image: none}
|
||||||
|
.u-block-3491-2 {min-height: 659px}
|
||||||
|
.u-block-3491-3 {height: 326px; margin-top: 60px; margin-bottom: 0}
|
||||||
|
.u-block-3491-4 {margin-top: 30px; margin-bottom: 0}
|
||||||
|
.u-block-3491-5 {margin-top: 13px; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-3491-6 {margin-top: 30px; margin-bottom: 60px} }</style>
|
||||||
|
</section>
|
||||||
|
</body></html>
|
||||||
152
Nicepage/Site_151067664/Product-Details-Template.html
Normal file
152
Nicepage/Site_151067664/Product-Details-Template.html
Normal file
@ -0,0 +1,152 @@
|
|||||||
|
<!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="Product 1 Title"><meta name="description" content=""><meta name="page_type" content="np-template-header-footer-from-plugin">
|
||||||
|
<title></title>
|
||||||
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"></head>
|
||||||
|
<body class="u-body" data-style="product-detail-template-1" data-posts="" data-global-section-properties="{"code":"PRODUCT_DETAIL","colorings":{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"product-1","margin":"both","repeat":false}]" data-page-coloring-types="{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]}" data-page-category=""Product""><section class="u-align-center u-clearfix u-block-f5d8-1" custom-posts-hash="T" data-id="f5d8" data-style="product-1" data-post-id="" data-section-properties="{"margin":"both","stretch":true}" id="sec-7dad">
|
||||||
|
<div class="u-clearfix u-sheet u-valign-middle-sm u-valign-top-lg u-valign-top-xl u-block-f5d8-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}}}">
|
||||||
|
<div class="u-container-style u-expanded-width u-product u-block-f5d8-8" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":false},"parentVerticalAlign":{"XL":"top","LG":"top","MD":"","SM":"middle","XS":""}}}">
|
||||||
|
<div class="u-container-layout u-block-f5d8-9" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<div class="u-carousel u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-gallery u-layout-thumbnails u-lightbox u-no-transition u-product-control u-show-text-none u-thumbnails-position-left u-block-f5d8-16" data-interval="5000" data-u-ride="carousel" id="carousel-6bc7" data-state="{"height":{"galleryItems":{"XL":2,"LG":2,"MD":2,"SM":2,"XS":2}}}">
|
||||||
|
<div class="u-carousel-inner u-gallery-inner u-block-f5d8-18" role="listbox" data-key="rouded">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="active u-active u-carousel-item u-gallery-item u-block-f5d8-19" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<div class="u-back-slide u-block-f5d8-20" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img class="u-back-image u-expanded u-block-f5d8-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
|
||||||
|
</div>
|
||||||
|
<div class="u-over-slide u-block-f5d8-22" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h3 class="u-gallery-heading">Sample Title</h3>
|
||||||
|
<p class="u-gallery-text">Sample Text</p>
|
||||||
|
</div>
|
||||||
|
</div><div class="u-carousel-item u-gallery-item u-block-f5d8-19" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<div class="u-back-slide u-block-f5d8-20" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<img class="u-back-image u-expanded u-block-f5d8-21" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMTIuMyw2MS41Yy04LjQtMTQuMy0xMi40LTE2LjItMTQuNi0xNS40Yy0yLjIsMC44LTI1LjksMjMuNS0zNC4zLDM1LjVzLTExLDI5LjMtMTAuNCwzNC43DQoJCQljMC42LDUuMywxLjcsNywxLjcsN3MtOC43LDE1LjktMTIuMSwyNGMtMy40LDguMS0xMi4xLDI0LjYtMTQuMywyNC4zYy0yLjItMC4zLTIyLjgtNy41LTI4LjQtOC45Yy01LjYtMS40LTE2LjktMy42LTIzLjMtMy40DQoJCQljMCwwLTguNCwxMS43LTE4LjUsMTYuOGMtMTAuMSw1LTI1LjMsMTUuNy0yNSwyMC43YzAuMyw1LDQuOCw5LjgsMTMuMiwxMC4zYzguNCwwLjYsNjQuMSwxLjQsODEuOCwwLjMNCgkJCWMxNy43LTEuMSwzNC42LTYuMSwzNi41LTkuNWMyLTMuNCw4LjQtMjIuMSwxMS4yLTMyLjdjMi44LTEwLjYsMTguMy0zMC41LDE4LjMtMzAuNXMzLjcsOC40LDMuOSwyMy44YzAuMywxNS40LDIuMiwzNi4zLDIuMiwzNi4zDQoJCQlsNi41LDAuOGwyLjUtMi4yYzAsMC0xLjEtNDAuOC0wLjYtNDkuMmMwLjYtOC40LDMuMS0yNC4zLDcuNi0yOS45YzQuNS01LjYsNi41LTguNCw2LjctMTMuMUMyMjMuMyw5Ni41LDIyMC43LDc1LjgsMjEyLjMsNjEuNXoNCgkJCSBNMTYzLjcsMTUzLjJjLTcuMywxMy40LTEyLjksMTcuNi0yMS4xLDE5Yy04LjEsMS40LTYuMiwwLjgtNi4yLDAuOHMxMi42LTE5LjksMTguMS0zMWMzLjgtNy43LDkuNy0yNy42LDI1LjItMzUuNQ0KCQkJQzE3OS43LDEwNi41LDE3MSwxMzkuOCwxNjMuNywxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==">
|
||||||
|
</div>
|
||||||
|
<div class="u-over-slide u-block-f5d8-22" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<h3 class="u-gallery-heading">Sample Title</h3>
|
||||||
|
<p class="u-gallery-text">Sample Text</p>
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-icon-rectangle u-opacity u-opacity-70 u-spacing-10 u-text-hover-grey-80 u-white u-block-f5d8-27" href="#carousel-6bc7" role="button" data-u-slide="prev" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}">
|
||||||
|
<span aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
|
||||||
|
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
|
||||||
|
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
|
||||||
|
</span>
|
||||||
|
<span class="sr-only">
|
||||||
|
<svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
|
||||||
|
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
|
||||||
|
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-icon-rectangle u-opacity u-opacity-70 u-spacing-10 u-text-hover-grey-80 u-white u-block-f5d8-28" href="#carousel-6bc7" role="button" data-u-slide="next" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}">
|
||||||
|
<span aria-hidden="true">
|
||||||
|
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
|
||||||
|
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
|
||||||
|
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
|
||||||
|
</span>
|
||||||
|
<span class="sr-only">
|
||||||
|
<svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
|
||||||
|
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
|
||||||
|
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<ol class="u-carousel-thumbnails u-hidden-sm u-hidden-xs u-spacing-15 u-vertical-spacing u-block-f5d8-29">
|
||||||
|
|
||||||
|
|
||||||
|
<li class="u-active u-carousel-thumbnail" data-u-target="#carousel-6bc7" data-u-slide-to="0" style="width: 100px; height: 100px;">
|
||||||
|
<img class="u-carousel-thumbnail-image u-image u-block-f5d8-30" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K">
|
||||||
|
</li><li class="u-carousel-thumbnail" data-u-target="#carousel-6bc7" data-u-slide-to="1" style="width: 100px; height: 100px;">
|
||||||
|
<img class="u-carousel-thumbnail-image u-image u-block-f5d8-30" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMTIuMyw2MS41Yy04LjQtMTQuMy0xMi40LTE2LjItMTQuNi0xNS40Yy0yLjIsMC44LTI1LjksMjMuNS0zNC4zLDM1LjVzLTExLDI5LjMtMTAuNCwzNC43DQoJCQljMC42LDUuMywxLjcsNywxLjcsN3MtOC43LDE1LjktMTIuMSwyNGMtMy40LDguMS0xMi4xLDI0LjYtMTQuMywyNC4zYy0yLjItMC4zLTIyLjgtNy41LTI4LjQtOC45Yy01LjYtMS40LTE2LjktMy42LTIzLjMtMy40DQoJCQljMCwwLTguNCwxMS43LTE4LjUsMTYuOGMtMTAuMSw1LTI1LjMsMTUuNy0yNSwyMC43YzAuMyw1LDQuOCw5LjgsMTMuMiwxMC4zYzguNCwwLjYsNjQuMSwxLjQsODEuOCwwLjMNCgkJCWMxNy43LTEuMSwzNC42LTYuMSwzNi41LTkuNWMyLTMuNCw4LjQtMjIuMSwxMS4yLTMyLjdjMi44LTEwLjYsMTguMy0zMC41LDE4LjMtMzAuNXMzLjcsOC40LDMuOSwyMy44YzAuMywxNS40LDIuMiwzNi4zLDIuMiwzNi4zDQoJCQlsNi41LDAuOGwyLjUtMi4yYzAsMC0xLjEtNDAuOC0wLjYtNDkuMmMwLjYtOC40LDMuMS0yNC4zLDcuNi0yOS45YzQuNS01LjYsNi41LTguNCw2LjctMTMuMUMyMjMuMyw5Ni41LDIyMC43LDc1LjgsMjEyLjMsNjEuNXoNCgkJCSBNMTYzLjcsMTUzLjJjLTcuMywxMy40LTEyLjksMTcuNi0yMS4xLDE5Yy04LjEsMS40LTYuMiwwLjgtNi4yLDAuOHMxMi42LTE5LjksMTguMS0zMWMzLjgtNy43LDkuNy0yNy42LDI1LjItMzUuNQ0KCQkJQzE3OS43LDEwNi41LDE3MSwxMzkuOCwxNjMuNywxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==">
|
||||||
|
</li></ol>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-center-lg u-align-center-sm u-align-center-xl u-align-center-xs u-align-left-md u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-shape-rectangle u-block-f5d8-32" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<div class="u-container-layout u-valign-middle u-block-f5d8-33" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<h2 class="u-product-control u-text u-block-f5d8-34">
|
||||||
|
<a class="u-product-title-link" href="#">Product 1 Title</a>
|
||||||
|
</h2>
|
||||||
|
<div class="u-product-control u-product-price u-block-f5d8-35">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price" style="text-decoration: line-through !important;">$20.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.875rem; font-weight: 700;">$17.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-f5d8-2 {min-height: 593px}
|
||||||
|
.u-block-f5d8-8 {min-height: 493px; margin-top: 50px; margin-right: auto; margin-bottom: 50px; margin-left: 0}
|
||||||
|
.u-block-f5d8-9 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-16 {width: 540px; height: 433px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-27 {position: absolute; left: 110px; width: 40px; height: 40px; background-image: none}
|
||||||
|
.u-block-f5d8-28 {position: absolute; width: 40px; height: 40px; background-image: none; left: auto; right: 0}
|
||||||
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
||||||
|
.u-block-f5d8-32 {width: 512px; min-height: 433px; margin-top: -433px; margin-right: 0; margin-bottom: 0; margin-left: auto}
|
||||||
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-34 {margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto}
|
||||||
|
.u-block-f5d8-35 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-f5d8-2 {min-height: 492px}
|
||||||
|
.u-block-f5d8-8 {min-height: 392px; height: auto; margin-top: 50px; margin-bottom: -41px}
|
||||||
|
.u-block-f5d8-9 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-16 {width: 440px; height: 328px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
||||||
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
||||||
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
||||||
|
.u-block-f5d8-32 {width: 422px; min-height: 330px; margin-top: -328px; margin-right: 0; margin-bottom: 0; margin-left: auto}
|
||||||
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-34 {font-size: 2.25rem; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto}
|
||||||
|
.u-block-f5d8-35 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-f5d8-2 {min-height: 1082px}
|
||||||
|
.u-block-f5d8-8 {min-height: 982px; height: auto; margin-top: 50px; margin-bottom: -12px}
|
||||||
|
.u-block-f5d8-9 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-16 {height: 549px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
||||||
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
||||||
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
||||||
|
.u-block-f5d8-32 {width: 552px; min-height: 346px; margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: auto}
|
||||||
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-34 {font-size: 2.25rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
|
||||||
|
.u-block-f5d8-35 {margin-top: 30px; margin-right: auto; margin-bottom: 0; margin-left: 0} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-f5d8-2 {min-height: 1010px}
|
||||||
|
.u-block-f5d8-8 {min-height: 910px; height: auto; margin-top: 50px; margin-bottom: 50px}
|
||||||
|
.u-block-f5d8-9 {padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 0}
|
||||||
|
.u-block-f5d8-16 {height: 540px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
||||||
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
||||||
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
||||||
|
.u-block-f5d8-32 {min-height: 311px; margin-top: 21px; margin-bottom: 0}
|
||||||
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-f5d8-34 {font-size: 2.25rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
|
||||||
|
.u-block-f5d8-35 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-f5d8-2 {min-height: 765px}
|
||||||
|
.u-block-f5d8-8 {min-height: 665px; height: auto; margin-top: 50px; margin-bottom: 49px}
|
||||||
|
.u-block-f5d8-9 {padding-top: 30px; padding-left: 0; padding-right: 0; padding-bottom: 0}
|
||||||
|
.u-block-f5d8-16 {height: 330px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-22 {min-height: 100px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-27 {background-image: none; position: absolute; left: 110px; width: 40px; height: 40px}
|
||||||
|
.u-block-f5d8-28 {background-image: none; position: absolute; width: 40px; height: 40px; left: auto; right: 0}
|
||||||
|
.u-block-f5d8-29 {padding-right: 10px; padding-top: 0; padding-left: 0}
|
||||||
|
.u-block-f5d8-32 {min-height: 257px; margin-top: 24px; margin-bottom: 0}
|
||||||
|
.u-block-f5d8-33 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-f5d8-34 {font-size: 1.5rem; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0}
|
||||||
|
.u-block-f5d8-35 {margin-top: 30px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
</section>
|
||||||
|
</body></html>
|
||||||
300
Nicepage/Site_151067664/Product-List-Template.html
Normal file
300
Nicepage/Site_151067664/Product-List-Template.html
Normal file
@ -0,0 +1,300 @@
|
|||||||
|
<!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></title>
|
||||||
|
<link rel="stylesheet" href="/nicepage.css" media="screen">
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script>
|
||||||
|
<script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script>
|
||||||
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com"></head>
|
||||||
|
<body class="u-body" data-style="products-template-1" data-posts="" data-global-section-properties="{"code":"PRODUCTS","colorings":{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"products-1","margin":"both","repeat":false,"repeater-items-count":6}]" data-page-coloring-types="{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]}" data-page-category=""Products""><section class="u-align-center u-clearfix u-block-85dc-23" custom-posts-hash="[[I,T],[I,T],[I,T]]" data-section-properties="{"margin":"both","repeater-items-count":6,"stretch":true}" data-id="85dc" data-style="products-1" data-post-id="" id="sec-fcfe">
|
||||||
|
<div class="u-clearfix u-sheet u-valign-middle u-block-85dc-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}}}">
|
||||||
|
<div class="u-expanded-width u-products u-repeater u-block-85dc-3" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":true,"XS":true},"parentVerticalAlign":{"XL":"middle","LG":"middle","MD":"middle","SM":"middle","XS":"middle"}},"min-height":{"repeaterItems":{"XL":6,"LG":6,"MD":6,"SM":6,"XS":6}}}">
|
||||||
|
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-85dc-4">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-block-85dc-5" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-85dc-6" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-1}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xOTIuNyw1NGMwLDAsNS4zLDAuMywxMy4yLDkuMmM3LjksOC45LDE0LjMsMTksMTUuOCwyNS44DQoJYzEuNSw2LjgsMiwxMy42LDAuMywxNy41Yy0xLjgsMy45LTExLjQsMzQuNC0xMS43LDQzLjljLTAuMyw5LjUtMi42LDUzLTIuNiw1M2gtMTAuNWwtMi4xLTU3LjdjMCwwLTAuMy0xMC43LTMuOC0xMC43DQoJYy0zLjUsMC0xNi43LDQuNC0yOC45LDI3QzE1MCwxODQuNSwxNDMsMTk3LjUsMTM2LDIwMC44Yy03LDMuMy01Ny4zLDQuMi03MSwyLjFjLTEzLjctMi4xLTMxLjMtOS41LTMxLjMtOS41cy0zLjgtNy4xLDctMTAuMQ0KCWMxMC44LTMsNDEuOC0xMyw0OC4yLTE2LjljMy43LTIuMiwyOSw2LjksMzguOS01LjFjOS4xLTExLjEsMzcuMy03MSw0NS42LTgyLjlDMTgzLjQsNjQuMSwxOTAuOCw1NCwxOTIuNyw1NHoiLz4NCjwvc3ZnPg0K" data-image-width="2000" data-image-height="1333">
|
||||||
|
<h4 class="u-product-control u-text u-block-85dc-7">
|
||||||
|
<a class="u-product-title-link" href="#">Product 1 Title</a>
|
||||||
|
</h4>
|
||||||
|
<div class="u-product-control u-product-price u-block-85dc-8">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price">$20.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$17.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-85dc-10">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-block-85dc-11" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-85dc-12" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-2}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTE4Ny43LDEyMS42Yy0xLjgtMS44LTIuMS0xMi42LTYtMTMuN2MtMy45LDYuNiwwLjksOTkuMy0wLjYsMTAzLjFjLTEuMSw4LjgtNTMuOCwxOS44LTEwMy40LDUuNw0KCWMtMi4yLTAuOC02LjItMS43LTcuMy0zLjdjMi4xLTgsNS4xLTgyLjMsMS4xLTEwMS42Yy0xLjksMi44LTMuMyw2LjEtNS42LDguNmMwLDAtMjAuNCwxLjctMzQuNS0xMy4yYzAsMCw5LjQtMjQuNSwxMi43LTMxLjQNCgljMS41LTUsMy44LTkuOSw2LjUtMTQuMmM1LTgsMTEuOS0xMS4yLDIwLjgtMTMuNEM5NS45LDQxLjUsOTguOCwzNiwxMDYuMSwzM2MyLjUsMy42LDExLjgsNiwxNy45LDYuNmMxNC4xLDEuNCwyNi4yLTcuMSwyNi41LTYuOQ0KCWMyLjIsMS43LDYuMSw0LjMsOC41LDUuNWMxMC40LDUsMjIuNCw1LjQsMzIuNiwxMC45YzAsMCwxMy43LDMuNCwyMS43LDMxLjhsMTEsMjguMUMyMjQuNSwxMDksMjEyLjUsMTI0LjUsMTg3LjcsMTIxLjZ6Ii8+DQo8cGF0aCBmaWxsPSIjQzZEOEUxIiBkPSJNNjEuMiw1MC42bC0zLjgsMS4zbDAuMywwLjljMC4xLDAuNCwxMS43LDM5LjksMTAuNSw2My4ybC0wLjEsMWw0LDAuMmwwLjEtMUM3My40LDkyLDYxLjYsNTIsNjEuNSw1MS42DQoJTDYxLjIsNTAuNnoiLz4NCjxwYXRoIGZpbGw9IiNDNkQ4RTEiIGQ9Ik0xOTgsNDguOGwtMy44LTEuNGwtMC4zLDFjLTAuNSwxLjctMTMuMSw0Mi41LTEyLjgsNjMuNnYxbDQtMC4xdi0xYy0wLjMtMjAuNSwxMi41LTYxLjksMTIuNi02Mi4zTDE5OCw0OC44DQoJeiIvPg0KPHBhdGggZmlsbD0iI0M2RDhFMSIgZD0iTTE1NC40LDM1LjNjLTAuMSwwLjItNi43LDE3LjYtMzEuOSwxNi43Yy0xNS0xLjItMjAuOS0xMC42LTIyLjEtMTZsLTAuMi0xbC00LDAuOGwwLjIsMQ0KCWMxLjQsNi41LDguMywxNy44LDI1LjgsMTkuMmMwLjQsMCwwLjksMCwxLjMsMGwwLDBjMC4yLDAsMC40LDAsMC42LDBjMjIuNywwLDMyLjQtMTQuNCwzNC0xOS41bDAuMy0xbC0zLjgtMS4yTDE1NC40LDM1LjN6Ii8+DQo8L3N2Zz4NCg==" data-image-width="2000" data-image-height="1333">
|
||||||
|
<h4 class="u-product-control u-text u-block-85dc-13">
|
||||||
|
<a class="u-product-title-link" href="#">Product 2 Title</a>
|
||||||
|
</h4>
|
||||||
|
<div class="u-product-control u-product-price u-block-85dc-14">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price">$300.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$245.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-85dc-16">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-block-85dc-17" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-85dc-18" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-3}}" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTIwOC42LDEzMWMwLjYsMC4yLDEuMiwwLjMsMS45LDAuM2MyLjUsMCw0LjctMS40LDUuNi0zLjZjMS0yLjgtMC42LTUuOC0zLjctNi43bC0yNi4yLTcuOGwxNi43LTE1LjENCgljMi4zLTIuMSwyLjMtNS40LDAtNy41cy02LTIuMS04LjMsMGwtMTMuNywxMi4zQzE3OS43LDgzLjUsMTYyLDY4LDE0MC4xLDY4aC0yNC4yYy0yMi42LDAtNDEsMTYuNi00MSwzNi45djE1LjhoOTkuNEwyMDguNiwxMzF6DQoJIE0yMzAsMTY0LjVsLTM2LjktMzMuMkg3MC4zbC0zNi45LDMzLjJjLTEuNywxLjUtMi4yLDMuOC0xLjMsNS43YzAuOSwyLDMsMy4zLDUuNCwzLjNoMzYuOGMxMy44LDAsMjcuMiwyLjMsMzkuOCw2LjkNCgljMTQuMSw1LjEsMjkuOCw3LjYsNDQuOCw3LjZjMTIuNywwLDI1LjUtMS44LDM3LjctNS41bDMxLjEtOS4zYzEuOS0wLjYsMy40LTIsMy45LTMuOEMyMzIsMTY3LjYsMjMxLjQsMTY1LjgsMjMwLDE2NC41eiIvPg0KPC9zdmc+DQo=" data-image-width="2000" data-image-height="1333">
|
||||||
|
<h4 class="u-product-control u-text u-block-85dc-19">
|
||||||
|
<a class="u-product-title-link" href="#">Product 3 Title</a>
|
||||||
|
</h4>
|
||||||
|
<div class="u-product-control u-product-price u-block-85dc-20">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price">$25.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$19.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-85dc-24">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-block-85dc-25" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-85dc-26" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-3}}" src="data:image/svg+xml;base64,DQoNCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTIyNi4xLDEwMGMtMS4yLTEuMi0yLjktMS45LTQuNy0xLjljLTIuMSwwLTQuMSwwLjktNS43LDIuNWwtMjUuMSwyNS42Yy0wLjIsMC4yLTAuNiwwLjUtMC45LDAuNQ0KCQljLTAuMiwwLTAuNC0wLjEtMC40LTAuMWwtMi44LTIuOGMtMC40LTAuNC0wLjctMSwwLTEuN0wyMTgsOTBjMy0zLjEsMy4yLTcuOCwwLjUtMTAuNmMtMS4yLTEuMi0yLjktMS45LTQuNy0xLjkNCgkJYy0yLjEsMC00LjEsMC45LTUuNywyLjVsLTMxLjQsMzJjLTAuNiwwLjYtMC45LDAuNy0xLDAuN2wtMy42LTMuN2MtMC4xLTAuMiwwLTAuNiwwLjUtMS4xbDM3LTM3LjhjMy0zLjEsMy4yLTcuOCwwLjUtMTAuNg0KCQljLTEuMi0xLjItMi45LTEuOS00LjctMS45Yy0yLjEsMC00LjEsMC45LTUuNywyLjVsLTM3LDM3LjhjLTAuMywwLjQtMC43LDAuNS0wLjksMC41Yy0wLjEsMC0wLjIsMC0wLjItMC4xbC0zLjItMy4zDQoJCWMtMC4xLTAuMy0wLjMtMC44LDAuMy0xLjRsMzIuNi0zMy4zYzMtMy4xLDMuMi03LjgsMC41LTEwLjZjLTEuMi0xLjItMi45LTEuOS00LjctMS45Yy0yLjEsMC00LjEsMC45LTUuNywyLjVMMTQ2LDg2LjlsMC44LTEwLjMNCgkJYzAuMi0yLjgtMC40LTUuMy0xLjctNy4ybDAsMGMtMS41LTIuNC00LjEtMy43LTcuMy0zLjdsLTAuMSwwYy0yLjgsMC02LjksMi4zLTcuNCw2LjZjLTAuMSwwLjktMC4yLDEuOS0wLjQsMw0KCQljLTEuNiwxMy43LTQuMiwzNi43LTEwLjgsNDYuMmMtNC45LDcuMS0yNS45LDIyLjEtMjYuMSwyMi4zbC0wLjEsMC4xYy0wLjQsMC40LTAuNywwLjktMC43LDEuNGMwLDAuNiwwLjIsMS4xLDAuNiwxLjVsNDcuMiw0OC41DQoJCWMwLjQsMC40LDAuOSwwLjYsMS40LDAuNmwwLjEsMGMwLjUsMCwxLjEtMC4zLDEuNC0wLjdsMC4xLTAuMWMwLjEtMC4yLDE0LjMtMjAuOCwyMC4xLTI2LjljMi42LTIuNyw1LjctNC40LDktNi4yDQoJCWMzLjMtMS44LDYuOC0zLjYsOS44LTYuN2w0My43LTQ0LjZDMjI4LjYsMTA3LjUsMjI4LjgsMTAyLjgsMjI2LjEsMTAweiIvPg0KCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xMjEuNiwxODMuNGwtMzMtMzMuOWMtMS4yLTEuMi0xLjgtMi45LTEuNy00LjZjMC4xLTEuNywwLjktMy40LDIuMi00LjVsMC4zLTAuMw0KCQljNS43LTQuMSwyMS40LTE1LjksMjUuMS0yMS4zYzQtNS44LDUuOS0xNC40LDcuNS0yNS41YzAuNC0xLjgsMC40LTMtMC4yLTMuN2MtMC4zLTAuNC0wLjgtMC42LTEuMy0wLjZjLTAuMiwwLTAuNCwwLTAuNiwwLjENCgkJYy0wLjcsMC4zLTEuMiwwLjYtMS40LDAuOGwwLDBjLTEuOSwxLjItMy41LDMuMy00LjMsNmwtMy4yLDkuOEw5MS45LDU4LjFjLTEuMi0zLTQtNS4xLTYuOS01LjFjLTAuOCwwLTEuNiwwLjItMi40LDAuNQ0KCQljLTEuNywwLjctMywyLjItMy43LDQuMWMtMC42LDEuOS0wLjYsMy45LDAuMiw1LjlMOTYuNSwxMDdjMC4zLDAuNy0wLjEsMS4yLTAuMiwxLjRsLTQuMiwxLjdjMCwwLDAsMC0wLjEsMA0KCQljLTAuNCwwLTAuNy0wLjYtMC44LTAuOUw3MS40LDU5LjhjLTEuMi0zLTQtNS4xLTYuOS01LjFjLTAuOCwwLTEuNiwwLjItMi40LDAuNWMtMS43LDAuNy0zLDIuMi0zLjcsNC4xYy0wLjYsMS45LTAuNiwzLjksMC4yLDUuOQ0KCQlsMTkuOCw0OS40YzAuMywwLjcsMC4yLDEuMSwwLDEuM2wtNC43LDJsMCwwYy0wLjEtMC4xLTAuNC0wLjMtMC42LTFMNTYuMyw3NC45Yy0xLjItMy00LTUuMS02LjktNS4xYy0wLjgsMC0xLjYsMC4yLTIuNCwwLjUNCgkJYy0zLjUsMS41LTUuMSw1LjktMy41LDkuOWwxNi44LDQxLjljMC40LDAuOS0wLjEsMS4zLTAuNiwxLjVsLTMuNiwxLjVjMCwwLTAuMSwwLTAuMiwwYzAsMCwwLDAsMCwwYy0wLjEsMC0wLjUsMC0wLjktMC45DQoJCUw0MS41LDkwLjhjLTEuMi0zLTQtNS4xLTYuOS01LjFjLTAuOCwwLTEuNiwwLjItMi40LDAuNWMtMy41LDEuNS01LjEsNS45LTMuNSw5LjlMNTIsMTU0LjVjMS42LDQsNC4xLDcsNi41LDEwDQoJCWMyLjQsMi45LDQuNiw1LjcsNiw5LjJjMy4xLDcuOSw4LjMsMzIuNSw4LjMsMzIuN2wwLDAuMWMwLjIsMC41LDAuNSwxLDEsMS4yYzAuMywwLjEsMC41LDAuMiwwLjgsMC4yYzAuMywwLDAuNS0wLjEsMC43LTAuMg0KCQljMC4zLTAuMSwzNC40LTE0LjcsNDUuOC0xOS4yYzEuNC0wLjYsMS44LTEuNCwxLjktMi4xQzEyMy40LDE4NSwxMjIsMTgzLjcsMTIxLjYsMTgzLjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==" data-image-width="2000" data-image-height="1333">
|
||||||
|
<h4 class="u-product-control u-text u-block-85dc-27">
|
||||||
|
<a class="u-product-title-link" href="#">Product 4 Title</a>
|
||||||
|
</h4>
|
||||||
|
<div class="u-product-control u-product-price u-block-85dc-28">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price">$25.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$20.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-85dc-29">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-block-85dc-30" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-85dc-31" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-3}}" src="data:image/svg+xml;base64,DQoNCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik01MS44LDEyOC40YzMuNC0xMS41LDkuNC0yMS45LDE3LjUtMjkuOWwxMS40LTExLjN2LTQuN2MwLTIuOSwyLjEtNS4zLDQuNy01LjNjMi42LDAsNC43LDIuMyw0LjcsNS4zdjQuNw0KCQkJbDExLjQsMTEuM2M4LjIsOCwxNC4yLDE4LjQsMTcuNSwyOS45bDMuNC0yNy44YzEuNC0xMi4xLTEuOC0yNC4yLTguOS0zMy40Yy03LjEtOS4yLTE3LjQtMTQuNC0yOC4yLTE0LjRTNjQuNSw1OCw1Ny40LDY3LjINCgkJCWMtNy4xLDkuMi0xMC41LDIxLjMtOSwzMy40TDUxLjgsMTI4LjR6Ii8+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xMTAuNSwxMzIuOWMtMi43LTEwLjMtNy45LTE5LjQtMTUuMS0yNi41bC05LjktOS44bC05LjksOS44Yy03LjIsNy0xMi40LDE2LjItMTUuMSwyNi41bC01LjgsMjEuOA0KCQkJYzAuNywxMCwxLjEsMjAsMS4xLDI5LjljMCwxOC40LDEzLjMsMzMuNCwyOS43LDMzLjRzMjkuNy0xNC45LDI5LjctMzMuNGMwLTEwLDAuNC0yMCwxLjEtMjkuOUwxMTAuNSwxMzIuOXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMDQuNCwxMjcuNmMtMy40LDExLjUtOS40LDIxLjktMTcuNSwyOS45bC0xMS40LDExLjN2NC43YzAsMi45LTIuMSw1LjMtNC43LDUuM2MtMi42LDAtNC43LTIuMy00LjctNS4zDQoJCQl2LTQuN2wtMTEuNC0xMS4zYy04LjItOC0xNC4yLTE4LjQtMTcuNS0yOS45bC0zLjQsMjcuOGMtMS40LDEyLjEsMS44LDI0LjIsOC45LDMzLjRjNy4xLDkuMiwxNy40LDE0LjQsMjguMiwxNC40DQoJCQlzMjEuMS01LjIsMjguMi0xNC40YzcuMS05LjIsMTAuMy0yMS4zLDguOS0zMy40TDIwNC40LDEyNy42eiIvPg0KCQk8cGF0aCBmaWxsPSIjN0Y5NkE2IiBkPSJNMTQ1LjcsMTIzLjFjMi43LDEwLjMsNy45LDE5LjQsMTUuMSwyNi41bDkuOSw5LjhsOS45LTkuOGM3LjItNywxMi40LTE2LjIsMTUuMS0yNi41bDUuOC0yMS44DQoJCQljLTAuNy0xMC0xLjEtMjAtMS4xLTI5LjljMC0xOC41LTEzLjMtMzMuNC0yOS43LTMzLjRTMTQxLDUyLjksMTQxLDcxLjRjMCwxMC0wLjQsMjAtMS4xLDI5LjlMMTQ1LjcsMTIzLjF6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=" data-image-width="2000" data-image-height="1333">
|
||||||
|
<h4 class="u-product-control u-text u-block-85dc-32">
|
||||||
|
<a class="u-product-title-link" href="#">Product 5 Title</a>
|
||||||
|
</h4>
|
||||||
|
<div class="u-product-control u-product-price u-block-85dc-33">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price">$10.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$7.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div><div class="u-align-center u-container-style u-products-item u-repeater-item u-white u-block-85dc-34">
|
||||||
|
<div class="u-container-layout u-similar-container u-valign-top u-block-85dc-35" data-state="{"min-height":{"canCollapse":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false}}}">
|
||||||
|
<img alt="" class="u-expanded-width u-image u-image-default u-product-control u-block-85dc-36" data-state="{"height":{"expandedBlock":{"XL":true,"LG":true,"MD":true,"SM":true,"XS":true},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" data-image-src="{{product-3}}" src="data:image/svg+xml;base64,DQoNCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibWFuIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI1NnB4IiBoZWlnaHQ9IjI1NnB4IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cmVjdCBmaWxsPSIjQzZEOEUxIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTIwNy45LDE5NS40TDE4Miw5Ni41Yy0wLjUtMS44LTEuNS00LjUtMi40LTYuMWwtNy40LTE0LjJjLTEtMS44LTMuNC0zLjQtNS41LTMuNEg4OS41DQoJCWMtMi4xLDAtNC42LDEuNC01LjUsMy40bC03LjYsMTQuNmMtMC44LDEuNi0xLjksNC4zLTIuNCw2LjFsLTI1LjksOTguNWMtMC4zLDEuMS0wLjEsMi4yLDAuNiwzYzAuNywwLjgsMS43LDEuMywyLjgsMS4zaDUuOA0KCQljMS42LDAsNC4xLDAuNiw1LjUsMS40bDExLjIsNi4yYzAuOSwwLjUsMiwwLjcsMy4zLDAuN3MyLjQtMC4yLDMuMy0wLjdsMTEuMi02LjJjMC42LTAuMywxLjUtMC41LDIuNC0wLjVjMC45LDAsMS43LDAuMiwyLjQsMC41DQoJCWwxMS4yLDYuMmMwLjksMC41LDIsMC43LDMuMywwLjdzMi40LTAuMiwzLjMtMC43bDExLjItNi4yYzAuNi0wLjMsMS41LTAuNSwyLjQtMC41YzAuOSwwLDEuNywwLjIsMi40LDAuNWwxMS4yLDYuMg0KCQljMC45LDAuNSwyLDAuNywzLjMsMC43YzEuMiwwLDIuNC0wLjIsMy4zLTAuN2wxMS4yLTYuMmMwLjYtMC4zLDEuNS0wLjUsMi40LTAuNXMxLjcsMC4yLDIuNCwwLjVsMTEuMiw2LjJjMC45LDAuNSwyLDAuNywzLjMsMC43DQoJCWMxLjIsMCwyLjQtMC4yLDMuMy0wLjdsMTEuMi02LjJjMS40LTAuOCwzLjktMS40LDUuNS0xLjRoNS44YzEuMSwwLDIuMi0wLjUsMi44LTEuM0MyMDgsMTk3LjUsMjA4LjEsMTk2LjQsMjA3LjksMTk1LjR6Ii8+DQoJPHBhdGggZmlsbD0iIzdGOTZBNiIgZD0iTTg4LjksNjYuN2g3OC4zYzEuNiwwLDMtMS40LDMtM1Y1MWMwLTEuNi0xLjQtMy0zLTNIODguOWMtMS42LDAtMywxLjQtMywzdjEyLjgNCgkJQzg1LjksNjUuNCw4Ny4zLDY2LjcsODguOSw2Ni43eiBNMTE4LjgsNTMuOGMwLTEuMywxLjEtMi40LDIuNC0yLjRoMTMuN2MxLjMsMCwyLjQsMSwyLjQsMi40djcuMWMwLDEuMy0xLjEsMi40LTIuNCwyLjRoLTEzLjcNCgkJYy0xLjMsMC0yLjQtMS0yLjQtMi40VjUzLjh6Ii8+DQoJPHJlY3QgeD0iMTIyLjgiIHk9IjU1LjQiIGZpbGw9IiM3Rjk2QTYiIHdpZHRoPSIxMC40IiBoZWlnaHQ9IjMuOSIvPg0KPC9nPg0KPC9zdmc+DQo=" data-image-width="2000" data-image-height="1333">
|
||||||
|
<h4 class="u-product-control u-text u-block-85dc-37">
|
||||||
|
<a class="u-product-title-link" href="#">Product 6 Title</a>
|
||||||
|
</h4>
|
||||||
|
<div class="u-product-control u-product-price u-block-85dc-38">
|
||||||
|
<div class="u-price-wrapper u-spacing-10">
|
||||||
|
<div class="u-hide-price u-old-price">$175.00</div>
|
||||||
|
<div class="u-price u-text-palette-2-base" style="font-size: 1.25rem; font-weight: 700;">$150.00</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div></div>
|
||||||
|
</div>
|
||||||
|
<style data-mode="XL">@media (min-width: 1200px){ .u-block-85dc-2 {min-height: 600px}
|
||||||
|
.u-block-85dc-3 {min-height: 520px; grid-template-columns: repeat(3, 33.3333%); height: auto; margin-top: 40px; margin-right: auto; margin-bottom: 40px; margin-left: 0; grid-gap: 0}
|
||||||
|
.u-block-85dc-4 {background-image: none}
|
||||||
|
.u-block-85dc-5 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-6 {height: 301px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-85dc-7 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-8 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-10 {background-image: none}
|
||||||
|
.u-block-85dc-11 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-12 {height: 301px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-85dc-13 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-14 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-16 {background-image: none}
|
||||||
|
.u-block-85dc-17 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-18 {height: 301px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-85dc-19 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-20 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-24 {background-image: none}
|
||||||
|
.u-block-85dc-25 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-26 {height: 301px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-85dc-27 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-28 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-29 {background-image: none}
|
||||||
|
.u-block-85dc-30 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-31 {height: 301px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-85dc-32 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-33 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-34 {background-image: none}
|
||||||
|
.u-block-85dc-35 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-36 {height: 301px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: 0}
|
||||||
|
.u-block-85dc-37 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-38 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="LG">@media (max-width: 1199px) and (min-width: 992px){ .u-block-85dc-2 {min-height: 600px}
|
||||||
|
.u-block-85dc-3 {min-height: 520px; grid-template-columns: repeat(3, 33.3333%); height: auto; margin-top: 40px; margin-bottom: 40px; grid-gap: 0}
|
||||||
|
.u-block-85dc-4 {background-image: none}
|
||||||
|
.u-block-85dc-5 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-6 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-7 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-8 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-10 {background-image: none}
|
||||||
|
.u-block-85dc-11 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-12 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-13 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-14 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-16 {background-image: none}
|
||||||
|
.u-block-85dc-17 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-18 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-19 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-20 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-24 {background-image: none}
|
||||||
|
.u-block-85dc-25 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-26 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-27 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-28 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-29 {background-image: none}
|
||||||
|
.u-block-85dc-30 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-31 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-32 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-33 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-34 {background-image: none}
|
||||||
|
.u-block-85dc-35 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-36 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-37 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-38 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-85dc-2 {min-height: 1134px}
|
||||||
|
.u-block-85dc-3 {min-height: 1054px; grid-template-columns: repeat(2, 50%); height: auto; margin-top: 40px; margin-bottom: 40px; grid-gap: 0}
|
||||||
|
.u-block-85dc-4 {background-image: none}
|
||||||
|
.u-block-85dc-5 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-6 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-7 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-8 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-10 {background-image: none}
|
||||||
|
.u-block-85dc-11 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-12 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-13 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-14 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-16 {background-image: none}
|
||||||
|
.u-block-85dc-17 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-18 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-19 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-20 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-24 {background-image: none}
|
||||||
|
.u-block-85dc-25 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-26 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-27 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-28 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-29 {background-image: none}
|
||||||
|
.u-block-85dc-30 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-31 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-32 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-33 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-34 {background-image: none}
|
||||||
|
.u-block-85dc-35 {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px}
|
||||||
|
.u-block-85dc-36 {height: 301px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-37 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-38 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-85dc-2 {min-height: 1276px}
|
||||||
|
.u-block-85dc-3 {min-height: 1054px; grid-template-columns: 100%; height: auto; margin-top: 40px; margin-bottom: 40px; grid-gap: 0}
|
||||||
|
.u-block-85dc-4 {background-image: none}
|
||||||
|
.u-block-85dc-5 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-6 {height: 537px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-7 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-8 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-10 {background-image: none}
|
||||||
|
.u-block-85dc-11 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-12 {height: 537px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-13 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-14 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-16 {background-image: none}
|
||||||
|
.u-block-85dc-17 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-18 {height: 537px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-19 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-20 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-24 {background-image: none}
|
||||||
|
.u-block-85dc-25 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-26 {height: 537px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-27 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-28 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-29 {background-image: none}
|
||||||
|
.u-block-85dc-30 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-31 {height: 537px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-32 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-33 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-34 {background-image: none}
|
||||||
|
.u-block-85dc-35 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-36 {height: 537px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-37 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-38 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-85dc-2 {min-height: 1276px}
|
||||||
|
.u-block-85dc-3 {min-height: 1054px; grid-template-columns: 100%; height: auto; margin-top: 40px; margin-bottom: 40px; grid-gap: 0}
|
||||||
|
.u-block-85dc-4 {background-image: none}
|
||||||
|
.u-block-85dc-5 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-6 {height: 366px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-7 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-8 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-10 {background-image: none}
|
||||||
|
.u-block-85dc-11 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-12 {height: 366px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-13 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-14 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-16 {background-image: none}
|
||||||
|
.u-block-85dc-17 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-18 {height: 366px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-19 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-20 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-24 {background-image: none}
|
||||||
|
.u-block-85dc-25 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-26 {height: 366px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-27 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-28 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-29 {background-image: none}
|
||||||
|
.u-block-85dc-30 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-31 {height: 366px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-32 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-33 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0}
|
||||||
|
.u-block-85dc-34 {background-image: none}
|
||||||
|
.u-block-85dc-35 {padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px}
|
||||||
|
.u-block-85dc-36 {height: 366px; margin-top: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-37 {margin-top: 20px; margin-left: 0; margin-right: 0; margin-bottom: 0}
|
||||||
|
.u-block-85dc-38 {margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
</section><section class="u-clearfix u-block-7431-1" custom-posts-hash="[]" data-style="pagination" data-id="7431" data-section-properties="{"position":"footer","margin":"none","stretch":true}" id="sec-7d45">
|
||||||
|
<div class="u-clearfix u-sheet u-block-7431-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<ul class="responsive-style1 u-pagination u-unstyled u-block-7431-3" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}">
|
||||||
|
<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>
|
||||||
|
<style data-mode="XL" data-visited="true">@media (min-width: 1200px){ .u-block-7431-2 {min-height: 107px}
|
||||||
|
.u-block-7431-3 {margin-top: 25px; margin-bottom: 25px; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
<style data-mode="LG" data-visited="true">@media (max-width: 1199px) and (min-width: 992px){ .u-block-7431-2 {min-height: 107px}
|
||||||
|
.u-block-7431-3 {margin-top: 25px; margin-left: auto; margin-right: auto; margin-bottom: 0} }</style>
|
||||||
|
<style data-mode="MD" data-visited="true">@media (max-width: 991px) and (min-width: 768px){ .u-block-7431-2 {min-height: 107px}
|
||||||
|
.u-block-7431-3 {margin-top: 25px; margin-bottom: 0; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
<style data-mode="SM" data-visited="true">@media (max-width: 767px) and (min-width: 576px){ .u-block-7431-2 {min-height: 107px}
|
||||||
|
.u-block-7431-3 {margin-top: 25px; margin-bottom: 0; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
<style data-mode="XS" data-visited="true">@media (max-width: 575px){ .u-block-7431-2 {min-height: 164px}
|
||||||
|
.u-block-7431-3 {margin-top: 25px; margin-bottom: 0; margin-left: auto; margin-right: auto} }</style>
|
||||||
|
</section>
|
||||||
|
</body></html>
|
||||||
BIN
Nicepage/Site_151067664/images/NJWIconbig.png
Normal file
BIN
Nicepage/Site_151067664/images/NJWIconbig.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 797 B |
BIN
Nicepage/Site_151067664/images/favicon.png
Normal file
BIN
Nicepage/Site_151067664/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 797 B |
1
Nicepage/Site_151067664/site.json
Normal file
1
Nicepage/Site_151067664/site.json
Normal file
File diff suppressed because one or more lines are too long
BIN
images/favicon.png
Normal file
BIN
images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 797 B |
71
index.html
71
index.html
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html style="font-size: 16px;">
|
<html style="font-size: 16px;" lang="en-AU">
|
||||||
<head>
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
@ -12,13 +12,14 @@
|
|||||||
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
||||||
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
|
||||||
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
|
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
|
||||||
|
<link rel="icon" href="images/favicon.png">
|
||||||
<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">
|
<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">{
|
<script type="application/ld+json">{
|
||||||
"@context": "http://schema.org",
|
"@context": "http://schema.org",
|
||||||
"@type": "Organization",
|
"@type": "Organization",
|
||||||
"name": "",
|
"name": "NathanWoodburn",
|
||||||
"url": "index.html",
|
"url": "index.html",
|
||||||
"logo": "images/NJWIconbig.png"
|
"logo": "images/NJWIconbig.png"
|
||||||
}</script>
|
}</script>
|
||||||
@ -27,14 +28,60 @@
|
|||||||
<meta name="theme-color" content="#478ac9">
|
<meta name="theme-color" content="#478ac9">
|
||||||
<link rel="canonical" href="index.html">
|
<link rel="canonical" href="index.html">
|
||||||
<meta property="og:url" content="index.html">
|
<meta property="og:url" content="index.html">
|
||||||
</head>
|
<script src="https://www.google.com/recaptcha/api.js?render=6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU"></script>
|
||||||
|
<script>
|
||||||
|
( function( grecaptcha, sitekey, actions ) {
|
||||||
|
|
||||||
|
var recaptcha = {
|
||||||
|
|
||||||
|
execute: function( action ) {
|
||||||
|
grecaptcha.execute(
|
||||||
|
sitekey,
|
||||||
|
{ action: action }
|
||||||
|
).then( function( token ) {
|
||||||
|
var forms = document.getElementsByTagName( 'form' );
|
||||||
|
|
||||||
|
for ( var i = 0; i < forms.length; i++ ) {
|
||||||
|
var fields = forms[ i ].getElementsByTagName( 'input' );
|
||||||
|
|
||||||
|
for ( var j = 0; j < fields.length; j++ ) {
|
||||||
|
var field = fields[ j ];
|
||||||
|
|
||||||
|
if ( 'recaptchaResponse' === field.getAttribute( 'name' ) ) {
|
||||||
|
field.setAttribute( 'value', token );
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} );
|
||||||
|
},
|
||||||
|
|
||||||
|
executeContact: function() {
|
||||||
|
recaptcha.execute( actions[ 'contact' ] );
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
grecaptcha.ready(
|
||||||
|
recaptcha.executeContact
|
||||||
|
);
|
||||||
|
|
||||||
|
document.addEventListener( 'change',
|
||||||
|
recaptcha.executeContact, false
|
||||||
|
);
|
||||||
|
} )(
|
||||||
|
grecaptcha,
|
||||||
|
'6LcQfNsZAAAAAMq8ZhzMC89bxasnVkJdCrJKiNxU',
|
||||||
|
{"contact":"contact"}
|
||||||
|
);
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
<body data-home-page="Home.html" data-home-page-title="Home" class="u-body u-overlap"><header class="u-align-left u-clearfix u-header u-header" id="sec-a026"><div class="u-clearfix u-sheet u-valign-top u-sheet-1">
|
<body data-home-page="Home.html" data-home-page-title="Home" class="u-body u-overlap"><header class="u-align-left u-clearfix u-header u-header" id="sec-a026"><div class="u-clearfix u-sheet u-valign-top u-sheet-1">
|
||||||
<a href="Home.html" class="u-image u-logo u-image-1" title="Home">
|
<a href="Home.html" class="u-image u-logo u-image-1" title="Home">
|
||||||
<img src="images/NJWIconbig.png" class="u-logo-image u-logo-image-1" data-image-width="64">
|
<img src="images/NJWIconbig.png" class="u-logo-image u-logo-image-1" data-image-width="64">
|
||||||
</a>
|
</a>
|
||||||
<nav class="u-align-right u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
<nav class="u-align-right u-menu u-menu-dropdown u-offcanvas u-menu-1">
|
||||||
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
|
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0;">
|
||||||
<a class="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-palette-1-base u-text-hover-palette-2-base" href="#">
|
<a class="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-hover-black" href="#">
|
||||||
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
|
<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>
|
<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>
|
</symbol>
|
||||||
@ -42,15 +89,14 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="u-custom-menu u-nav-container">
|
<div class="u-custom-menu u-nav-container">
|
||||||
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Home.html" style="padding: 10px 20px;">Home</a>
|
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="Home.html" style="padding: 10px 20px;">Home</a>
|
||||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Page-2.html" style="padding: 10px 20px;">Page 2</a>
|
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-white u-text-hover-black" href="" style="padding: 10px 20px;">Contact</a>
|
||||||
</li></ul>
|
</li></ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="u-custom-menu u-nav-container-collapse">
|
<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-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
|
||||||
<div class="u-menu-close"></div>
|
<div class="u-menu-close"></div>
|
||||||
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
|
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html" style="padding: 10px 20px;">Home</a>
|
||||||
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Page-2.html" style="padding: 10px 20px;">Page 2</a>
|
|
||||||
</li></ul>
|
</li></ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
|
||||||
@ -72,16 +118,5 @@
|
|||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
</div></footer>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
423
scripts/FormProcessor.php
Normal file
423
scripts/FormProcessor.php
Normal file
@ -0,0 +1,423 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
class FormProcessor
|
||||||
|
{
|
||||||
|
private $_messages = array(
|
||||||
|
'submitted_from' => 'Form submitted from website: %s',
|
||||||
|
'submitted_by' => 'Visitor IP address: %s',
|
||||||
|
'too_many_submissions' => 'Too many recent submissions from this IP',
|
||||||
|
'failed_to_send_email' => 'Failed to send email',
|
||||||
|
'invalid_field_type' => 'Unknown field type \'%s\'.',
|
||||||
|
'invalid_form_config' => 'Field \'%s\' has an invalid configuration.',
|
||||||
|
'unknown_method' => 'Unknown server request method'
|
||||||
|
);
|
||||||
|
|
||||||
|
public function __construct() {}
|
||||||
|
|
||||||
|
public function process($form)
|
||||||
|
{
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||||
|
die($this->_getErrorResponse($this->_messages['unknown_method']));
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($this->checkTooManySubmissions($_SERVER['REMOTE_ADDR'])) {
|
||||||
|
die($this->_getErrorResponse($this->_messages['too_many_submissions']));
|
||||||
|
}
|
||||||
|
|
||||||
|
// will die() if there are any errors
|
||||||
|
$this->_checkRequiredFields($form);
|
||||||
|
|
||||||
|
// will die() if there is a send email problem
|
||||||
|
$this->_formSubmission($form);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function checkTooManySubmissions($ip)
|
||||||
|
{
|
||||||
|
$tooManySubmissions = false;
|
||||||
|
try {
|
||||||
|
if (in_array("sqlite", PDO::getAvailableDrivers(), TRUE)) {
|
||||||
|
$db = new PDO('sqlite:muse-throttle-db.sqlite3');
|
||||||
|
} else if (function_exists("sqlite_open")) {
|
||||||
|
$db = new PDO('sqlite2:muse-throttle-db');
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
} catch(PDOException $Exception) {
|
||||||
|
return $tooManySubmissions;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($db)
|
||||||
|
{
|
||||||
|
$res = $db->query("SELECT 1 FROM sqlite_master WHERE type='table' AND name='Submission_History';");
|
||||||
|
if (!$res or $res->fetchColumn() == 0)
|
||||||
|
{
|
||||||
|
$db->exec("CREATE TABLE Submission_History (IP VARCHAR(39), Submission_Date TIMESTAMP)");
|
||||||
|
}
|
||||||
|
$db->exec("DELETE FROM Submission_History WHERE Submission_Date < DATETIME('now','-2 hours')");
|
||||||
|
|
||||||
|
$stmt = $db->prepare("INSERT INTO Submission_History (IP,Submission_Date) VALUES (:ip, DATETIME('now'))");
|
||||||
|
$stmt->bindParam(':ip', $ip);
|
||||||
|
$stmt->execute();
|
||||||
|
$stmt->closeCursor();
|
||||||
|
|
||||||
|
$stmt = $db->prepare("SELECT COUNT(1) FROM Submission_History WHERE IP = :ip;");
|
||||||
|
$stmt->bindParam(':ip', $ip);
|
||||||
|
$stmt->execute();
|
||||||
|
if ($stmt->fetchColumn() > 25) {
|
||||||
|
$tooManySubmissions = true;
|
||||||
|
}
|
||||||
|
// Close file db connection
|
||||||
|
$db = null;
|
||||||
|
}
|
||||||
|
return $tooManySubmissions;
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _checkRequiredFields($form)
|
||||||
|
{
|
||||||
|
$errors = array();
|
||||||
|
foreach ($form['fields'] as $field => $properties) {
|
||||||
|
if (!$properties['required']) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
if (strpos($field, ' ')) {
|
||||||
|
$field = str_replace(' ', '_', $field);
|
||||||
|
}
|
||||||
|
if (!array_key_exists($field, $_REQUEST) || ($_REQUEST[$field] !== "0" && empty($_REQUEST[$field]))) {
|
||||||
|
array_push($errors, array('field' => $field, 'message' => $properties['errors']['required']));
|
||||||
|
} else if (!$this->_checkFieldValueFormat($field, $properties)) {
|
||||||
|
array_push($errors, array('field' => $field, 'message' => $properties['errors']['format']));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!empty($errors)) {
|
||||||
|
die($this->_getErrorResponse(array('fields' => $errors)));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _checkFieldValueFormat($field, $properties)
|
||||||
|
{
|
||||||
|
$value = $this->_getFormFieldValue($field, $properties);
|
||||||
|
|
||||||
|
switch($properties['type']) {
|
||||||
|
case 'checkbox':
|
||||||
|
case 'tel':
|
||||||
|
case 'string':
|
||||||
|
// no format to validate for those fields
|
||||||
|
return true;
|
||||||
|
case 'email':
|
||||||
|
return 1 == preg_match('/^[a-z0-9!#$%&\'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&\'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i', $value);
|
||||||
|
default:
|
||||||
|
die($this->_getErrorResponse(sprintf($this->_messages['invalid_field_type'], $properties['type'])));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _getFormFieldValue($field, $properties)
|
||||||
|
{
|
||||||
|
$value = isset($_REQUEST[$field]) ? $_REQUEST[$field] : '';
|
||||||
|
switch($properties['type']) {
|
||||||
|
case 'checkbox':
|
||||||
|
return $value ? $value : '';
|
||||||
|
case 'string':
|
||||||
|
case 'tel':
|
||||||
|
case 'email':
|
||||||
|
$returnValues = '';
|
||||||
|
if (is_array($value)) {
|
||||||
|
foreach ($value as $key => $val) {
|
||||||
|
$returnValues .= $this->_encodeValue($val);
|
||||||
|
if ($key !== count($value) - 1) {
|
||||||
|
$returnValues .= ', ';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$returnValues = $this->_encodeValue($value);
|
||||||
|
}
|
||||||
|
return $returnValues;
|
||||||
|
default:
|
||||||
|
die($this->_getErrorResponse(sprintf($this->_messages['invalid_field_type'], $properties['type'])));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _formSubmission($form)
|
||||||
|
{
|
||||||
|
$emailFrom = $form['email']['from'];
|
||||||
|
$formEmail = $emailFrom ? $emailFrom : ((array_key_exists('email', $_REQUEST) && !empty($_REQUEST['email'])) ? $this->_cleanupEmail($_REQUEST['email']) : '');
|
||||||
|
|
||||||
|
$to = $form['email']['to'];
|
||||||
|
$subject = $form['subject'];
|
||||||
|
$message = $this->_getEmailBody($subject, $form['email_message'], $form['fields']);
|
||||||
|
$headers = $this->_getEmailHeaders($to, $formEmail);
|
||||||
|
|
||||||
|
$sent = @mail($to, $subject, $message, $headers);
|
||||||
|
|
||||||
|
if(!$sent) {
|
||||||
|
die($this->_getErrorResponse($this->_messages['failed_to_send_email']));
|
||||||
|
}
|
||||||
|
|
||||||
|
$success_data = array(
|
||||||
|
'redirect' => $form['success_redirect']
|
||||||
|
);
|
||||||
|
echo $this->_getFormResponse(true, $success_data);
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _getEmailHeaders($toEmail, $formEmail) {
|
||||||
|
$headers = 'From: ' . $toEmail . PHP_EOL;
|
||||||
|
$headers .= 'Reply-To: ' . $formEmail . PHP_EOL;
|
||||||
|
$headers .= 'X-Mailer: PHP/' . phpversion() . PHP_EOL;
|
||||||
|
$headers .= 'Content-type: text/html; charset=utf-8' . PHP_EOL;
|
||||||
|
return $headers;
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _getEmailBody($subject, $emailMsg, $fields) {
|
||||||
|
$message = '<html>';
|
||||||
|
$message .= '<head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/><title>' . $this->_encodeValue($subject) . '</title></head>';
|
||||||
|
$styles = <<<STYLES
|
||||||
|
<style>
|
||||||
|
th, td, caption {
|
||||||
|
font-weight: 400;
|
||||||
|
vertical-align: top;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
STYLES;
|
||||||
|
|
||||||
|
$message .= $styles;
|
||||||
|
$message .= '</head><body style="background-color: #f9f9f8">';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" bgcolor="#f9f9f8" width="100%">';
|
||||||
|
$message .= '<tbody><tr><td valign="top" align="center" style="vertical-align:top">';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" style="width:100%; margin:22px auto; max-width:616px" width="100%">';
|
||||||
|
$message .= '<tbody><tr><td style="vertical-align:top" valign="top">';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" style="width:100%" width="100%">';
|
||||||
|
$message .= '<tbody><tr><td style="vertical-align:top; padding:22px" valign="top">';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" style="width:100%" width="100%">';
|
||||||
|
$message .= '<tbody><tr><td align="center" style="vertical-align:top; padding:0 0 22px" valign="top">';
|
||||||
|
$message .= $emailMsg;
|
||||||
|
$message .= '</td></tr></tbody></table>';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" style="width:100%; background-color:#fff" width="100%" bgcolor="#ffffff">';
|
||||||
|
$message .= '<tbody><tr><td align="center" style="vertical-align:top" valign="top">';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" style="width:100%; text-align:left" width="100%" align="left">';
|
||||||
|
$message .= '<tbody><tr><td style="vertical-align:top; font-family:Helvetica, Arial, Verdana, sans-serif; padding:11px" valign="top">';
|
||||||
|
|
||||||
|
$message .= '<table cellpadding="0" cellspacing="0" border="0" style="width:100%" width="100%"><tbody>';
|
||||||
|
|
||||||
|
$sortedFields = array();
|
||||||
|
|
||||||
|
foreach ($fields as $field => $properties) {
|
||||||
|
array_push($sortedFields, array('field' => $field, 'properties' => $properties));
|
||||||
|
}
|
||||||
|
|
||||||
|
// sort fields
|
||||||
|
usort($sortedFields, array(&$this, '_fieldComparer'));
|
||||||
|
|
||||||
|
foreach ($sortedFields as $fieldWrapper) {
|
||||||
|
$message .= '<tr><td style="vertical-align:top; font-family:Helvetica, Arial, Verdana, sans-serif; padding:11px; border-bottom:#e3e3da 1px solid; font-size:14px" valign="top">';
|
||||||
|
$message .= '<strong>' . $this->_encodeValue($fieldWrapper['properties']['label']) . ':</strong>';
|
||||||
|
$message .= '<pre style="white-space:inherit; font-family:inherit; margin:0">' . $this->_getFormFieldValue($fieldWrapper['field'], $fieldWrapper['properties']) . '</pre>';
|
||||||
|
$message .= '</td></tr>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$message .= '</tbody></table>';
|
||||||
|
$message .= '</td></tr>';
|
||||||
|
$message .= '<tr align="center" style="padding:0 0 22px">';
|
||||||
|
$message .= '<td style="vertical-align:top; font-family:Helvetica, Arial, Verdana, sans-serif; padding:11px" valign="top">';
|
||||||
|
$message .= '<div style="color:#918f8d; font-size:12px">' . sprintf($this->_messages['submitted_from'], $this->_encodeValue($_SERVER['SERVER_NAME'])) . '</div>';
|
||||||
|
$message .= '<div style="color:#918f8d; font-size:12px">' . sprintf($this->_messages['submitted_by'], $this->_encodeValue($_SERVER['REMOTE_ADDR'])) . '</div>';
|
||||||
|
$message .= '</td></tr>';
|
||||||
|
$message .= '</tbody></table>';
|
||||||
|
$message .= '</td></tr></tbody></table>';
|
||||||
|
$message .= '</td></tr></tbody></table>';
|
||||||
|
$message .= '</td></tr></tbody></table>';
|
||||||
|
$message .= '</td></tr></tbody></table>';
|
||||||
|
$message .= '</body></html>';
|
||||||
|
|
||||||
|
return $this->_cleanupMessage($message);
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _fieldComparer($field1, $field2) {
|
||||||
|
if ($field1['properties']['order'] == $field2['properties']['order'])
|
||||||
|
return 0;
|
||||||
|
|
||||||
|
return (($field1['properties']['order'] < $field2['properties']['order']) ? -1 : 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _getErrorResponse($error)
|
||||||
|
{
|
||||||
|
if (is_array($error)) {
|
||||||
|
$errorMsg = '';
|
||||||
|
foreach ($error as $err) {
|
||||||
|
if(isset($err['message'])) {
|
||||||
|
$errorMsg .= $err['message'] . "\n";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$error = $errorMsg;
|
||||||
|
}
|
||||||
|
return $this->_getFormResponse(false, array('error' => $error));
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _getFormResponse($success, $data)
|
||||||
|
{
|
||||||
|
header('Content-Type: application/json');
|
||||||
|
$status = array_merge(array('success' => $success), $data);
|
||||||
|
return json_encode($status);
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _encodeValue($text)
|
||||||
|
{
|
||||||
|
return htmlentities(stripslashes($text), ENT_QUOTES, 'UTF-8');
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _cleanupMessage($message) {
|
||||||
|
$message = wordwrap($message, 70, "\r\n");
|
||||||
|
return $message;
|
||||||
|
}
|
||||||
|
|
||||||
|
private function _cleanupEmail($email) {
|
||||||
|
$email = $this->_encodeValue($email);
|
||||||
|
$email = preg_replace('=((<CR>|<LF>|0x0A/%0A|0x0D/%0D|\\n|\\r)\S).*=i', null, $email);
|
||||||
|
return $email;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function startDiagnostics()
|
||||||
|
{
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] !== 'GET') {
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
$supportResponse = FormProcessor::checkSupport();
|
||||||
|
|
||||||
|
if (!empty($_GET['mode']) and $_GET['mode'] == 'verify')
|
||||||
|
{
|
||||||
|
exit($supportResponse);
|
||||||
|
}
|
||||||
|
|
||||||
|
$message = '<!DOCTYPE html><html><head><title>Diagnostics</title><style type="text/css">';
|
||||||
|
$message .= 'body { font: 14pt Arial, Helvetica;} ul { list-style-type: none; }';
|
||||||
|
$message .= ' h1 { background-color: #f9f9f8; padding: 2px;} label {display: inline-block; width: 100px; vertical-align: top;}';
|
||||||
|
$message .= '.good:before { color: #08af08; content:\'\2713\0020\';} .bad:before {color: red; content: \'X\0020\';}';
|
||||||
|
$message .= '</style></head><body>';
|
||||||
|
$message .= '<h1>Diagnostics</h1><ul>';
|
||||||
|
|
||||||
|
if (strrpos($supportResponse,'PHP:0;') === false) {
|
||||||
|
$message .= '<li class="bad">PHP: version too low';
|
||||||
|
} else {
|
||||||
|
$message .= '<li class="good">PHP: OK';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (strrpos($supportResponse,'MAIL:0;') === false)
|
||||||
|
{
|
||||||
|
$message .= '<li class="bad">Mail configuration: PHP mail() configured incorrectly on server. Form will not be able to send email.';
|
||||||
|
} else {
|
||||||
|
$message .= '<li class="good">Mail configuration: OK';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (strrpos($supportResponse,'SQL:1;') !== false) {
|
||||||
|
$message .= '<li class="bad">Spam control: SQLite not found. Form may send email successfully, but limiting spam submissions by IP address will not work.';
|
||||||
|
} else if (strrpos($supportResponse,'SQL:8;') !== false) {
|
||||||
|
$message .= '<li class="bad">Spam control: Cannot write to scripts directory. Form may send email successfully, but limiting spam submissions by IP address will not work.';
|
||||||
|
} else if (strrpos($supportResponse,'SQL:0;') === false) {
|
||||||
|
$message .= '<li class="bad">Spam control: SQL configuration problem. Form may send email successfully, but limiting spam submissions by IP address will not work.';
|
||||||
|
} else {
|
||||||
|
$message .= '<li class="good">Spam control: OK<br /><br />Emails will be limited to 25 in 2 hours from the same IP address';
|
||||||
|
}
|
||||||
|
|
||||||
|
$message .= '</ul><br/><br/>';
|
||||||
|
$message .= '</body></html>';
|
||||||
|
exit($message);
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function checkSupport()
|
||||||
|
{
|
||||||
|
$throttleSupport = FormProcessor::checkDb();
|
||||||
|
$response ='SQL:' . $throttleSupport . ';';
|
||||||
|
|
||||||
|
$version = explode('.', PHP_VERSION);
|
||||||
|
if ($version[0] < 4 || ($version[0] == 4 && $version[1] < 1)) {
|
||||||
|
$response .='PHP:1;';
|
||||||
|
return $response;
|
||||||
|
} else {
|
||||||
|
$response .='PHP:0;';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (strncasecmp(php_uname('s'), 'win', 3) == 0) {
|
||||||
|
$mailserver = ini_get('SMTP');
|
||||||
|
} else {
|
||||||
|
$mailserver = ini_get('sendmail_path');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (strlen($mailserver) == 0) {
|
||||||
|
$response .='MAIL:1;';
|
||||||
|
} else {
|
||||||
|
if (!function_exists("mail")) {
|
||||||
|
$response .='MAIL:2;';
|
||||||
|
} else {
|
||||||
|
$sent = mail("recipient@example.com", "Hi", "test message", "From: sender@example.com");
|
||||||
|
if($sent) {
|
||||||
|
$response .='MAIL:0;';
|
||||||
|
} else {
|
||||||
|
$response .='MAIL:3;';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $response;
|
||||||
|
}
|
||||||
|
|
||||||
|
public static function checkDb()
|
||||||
|
{
|
||||||
|
if (!is_writable('.')) {
|
||||||
|
return '8';
|
||||||
|
}
|
||||||
|
|
||||||
|
try
|
||||||
|
{
|
||||||
|
if (in_array("sqlite", PDO::getAvailableDrivers(), TRUE)) {
|
||||||
|
$db = new PDO('sqlite:muse-throttle-db.sqlite3');
|
||||||
|
if (file_exists('muse-throttle-db')) {
|
||||||
|
unlink('muse-throttle-db');
|
||||||
|
}
|
||||||
|
} else if (function_exists("sqlite_open")) {
|
||||||
|
$db = new PDO('sqlite2:muse-throttle-db');
|
||||||
|
if (file_exists('muse-throttle-db.sqlite3')) {
|
||||||
|
unlink('muse-throttle-db.sqlite3');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return '4';
|
||||||
|
}
|
||||||
|
} catch (PDOException $Exception) {
|
||||||
|
return '9';
|
||||||
|
}
|
||||||
|
|
||||||
|
$retCode ='5';
|
||||||
|
if ($db) {
|
||||||
|
$res = $db->query("SELECT 1 FROM sqlite_master WHERE type='table' AND name='Submission_History';");
|
||||||
|
if (!$res or $res->fetchColumn() == 0) {
|
||||||
|
$created = $db->exec("CREATE TABLE Submission_History (IP VARCHAR(39), Submission_Date TIMESTAMP)");
|
||||||
|
if($created == 0) {
|
||||||
|
$created = $db->exec("INSERT INTO Submission_History (IP,Submission_Date) VALUES ('256.256.256.256', DATETIME('now'))");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($created != 1) {
|
||||||
|
$retCode = '2';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if($retCode == '5')
|
||||||
|
{
|
||||||
|
$res = $db->query("SELECT COUNT(1) FROM Submission_History;");
|
||||||
|
if ($res && $res->fetchColumn() > 0) {
|
||||||
|
$retCode = '0';
|
||||||
|
} else {
|
||||||
|
$retCode = '3';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Close file db connection
|
||||||
|
$db = null;
|
||||||
|
} else {
|
||||||
|
$retCode = '4';
|
||||||
|
}
|
||||||
|
return $retCode;
|
||||||
|
}
|
||||||
|
}
|
||||||
56
scripts/form-54b5.php
Normal file
56
scripts/form-54b5.php
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
require_once('FormProcessor.php');
|
||||||
|
|
||||||
|
$form = array(
|
||||||
|
'subject' => 'New Form Submission',
|
||||||
|
'email_message' => 'You have a new form submission',
|
||||||
|
'success_redirect' => '',
|
||||||
|
'email' => array(
|
||||||
|
'from' => 'noreply@njwapps.tk',
|
||||||
|
'to' => 'contact@nathanwoodburn.tk'
|
||||||
|
),
|
||||||
|
'fields' => array(
|
||||||
|
'name' => array(
|
||||||
|
'order' => 1,
|
||||||
|
'type' => 'string',
|
||||||
|
'label' => 'Name',
|
||||||
|
'required' => true,
|
||||||
|
'errors' => array(
|
||||||
|
'required' => 'Field \'Name\' is required.'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
'email' => array(
|
||||||
|
'order' => 2,
|
||||||
|
'type' => 'email',
|
||||||
|
'label' => 'Email',
|
||||||
|
'required' => true,
|
||||||
|
'errors' => array(
|
||||||
|
'required' => 'Field \'Email\' is required.'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
'message' => array(
|
||||||
|
'order' => 3,
|
||||||
|
'type' => 'string',
|
||||||
|
'label' => 'Message',
|
||||||
|
'required' => true,
|
||||||
|
'errors' => array(
|
||||||
|
'required' => 'Field \'Message\' is required.'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
'agree' => array(
|
||||||
|
'order' => 4,
|
||||||
|
'type' => 'checkbox',
|
||||||
|
'label' => 'I accept the Terms of Service',
|
||||||
|
'required' => true,
|
||||||
|
'errors' => array(
|
||||||
|
'required' => 'Field \'I accept the Terms of Service\' is required.'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
$processor = new FormProcessor();
|
||||||
|
$processor->process($form);
|
||||||
|
|
||||||
|
?>
|
||||||
4
scripts/form-diagnostics.php
Normal file
4
scripts/form-diagnostics.php
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
require_once('FormProcessor.php');
|
||||||
|
FormProcessor::startDiagnostics();
|
||||||
Loading…
Reference in New Issue
Block a user