mirror of
https://github.com/nat3yice/savethedate.git
synced 2026-03-10 08:51:18 +00:00
adding the source
This commit is contained in:
nat3yice
BIN
emailspreadsheet.numbers
Normal file
BIN
emailspreadsheet.numbers
Normal file
Binary file not shown.
BIN
img-vid/.DS_Store
vendored
Normal file
BIN
img-vid/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
img-vid/eng-540p-low-img.jpg
Normal file
BIN
img-vid/eng-540p-low-img.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 277 KiB |
BIN
img-vid/eng-540p-low.mp4
Normal file
BIN
img-vid/eng-540p-low.mp4
Normal file
Binary file not shown.
BIN
img-vid/favicon.png
Normal file
BIN
img-vid/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
img-vid/hayemaheerd.jpg
Normal file
BIN
img-vid/hayemaheerd.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
14
img-vid/mapicon-red.svg
Normal file
14
img-vid/mapicon-red.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="19px" height="26px" viewBox="0 0 19 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Maps Icon I</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Version-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="P1" transform="translate(-748.000000, -788.000000)" fill="#ED3F54">
|
||||
<g id="Group" transform="translate(137.000000, 730.000000)">
|
||||
<path d="M620.372302,71.8126403 C617.998734,71.8126403 616.075635,69.8880447 616.075635,67.5159731 C616.075635,65.1424049 617.998734,63.2193058 620.372302,63.2193058 C622.745122,63.2193058 624.668221,65.1424049 624.668221,67.5159731 C624.668221,69.8880447 622.745122,71.8126403 620.372302,71.8126403 Z M620.372302,58 C615.045991,58 611,62.7284292 611,67.5616186 C611,71.4167962 620.372302,84 620.372302,84 C620.372302,84 629.744604,71.4167962 629.744604,67.5616186 C629.744604,62.7284292 625.697116,58 620.372302,58 L620.372302,58 Z" id="Maps-Icon-I"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
14
img-vid/mapicon.svg
Normal file
14
img-vid/mapicon.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="19px" height="26px" viewBox="0 0 19 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Maps Icon I</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Desktop-HD" transform="translate(-1018.000000, -862.000000)" fill="#D1D3D4">
|
||||
<g id="text" transform="translate(346.000000, 797.000000)">
|
||||
<path d="M681.372302,78.8126403 C678.998734,78.8126403 677.075635,76.8880447 677.075635,74.5159731 C677.075635,72.1424049 678.998734,70.2193058 681.372302,70.2193058 C683.745122,70.2193058 685.668221,72.1424049 685.668221,74.5159731 C685.668221,76.8880447 683.745122,78.8126403 681.372302,78.8126403 Z M681.372302,65 C676.045991,65 672,69.7284292 672,74.5616186 C672,78.4167962 681.372302,91 681.372302,91 C681.372302,91 690.744604,78.4167962 690.744604,74.5616186 C690.744604,69.7284292 686.697116,65 681.372302,65 L681.372302,65 Z" id="Maps-Icon-I"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
89
savethedate.html
Normal file
89
savethedate.html
Normal file
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang='eng'>
|
||||
<head>
|
||||
<!-- Hotjar Tracking Code for www.nathanandnikita.com -->
|
||||
<script>
|
||||
(function(h,o,t,j,a,r){
|
||||
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
|
||||
h._hjSettings={hjid:721376,hjsv:6};
|
||||
a=o.getElementsByTagName('head')[0];
|
||||
r=o.createElement('script');r.async=1;
|
||||
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
|
||||
a.appendChild(r);
|
||||
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
|
||||
</script>
|
||||
<meta charset='UTF-8'>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<title>Be there or be square!</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Glass+Antiqua" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono" rel="stylesheet">
|
||||
<link rel='stylesheet' href='styles.css'/>
|
||||
<style type="text/css">
|
||||
.hero {
|
||||
font-family: 'Dawning of a New Day', cursive;
|
||||
}
|
||||
.details, .location, #login-button, .overlay-content, .input-box, #take-me-in-btn {
|
||||
font-family: 'Glass Antiqua', cursive;
|
||||
}
|
||||
|
||||
</style>
|
||||
<meta name='viewport'
|
||||
content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
|
||||
<link href='img-vid/favicon.png' rel="shortcut icon" type="image/png"/>
|
||||
</head>
|
||||
<body class='body'>
|
||||
<div class="fullscreen-bg">
|
||||
<video loop muted autoplay poster='img-vid/eng-540p-low-img.jpg'class="fullscreen-bg__video">
|
||||
<source src="img-vid/eng-540p-low.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class='outer-container' id='outer-container'>
|
||||
<div class='outer'>
|
||||
<div class='hero'>
|
||||
<h1 id='names'>nathan & nikita</h1>
|
||||
</div>
|
||||
<div class='details'>
|
||||
<p id='wed-details'>
|
||||
<span>June 30<sup style="font-size: 13px !important">th</sup> 2018</span>
|
||||
<span>Oldehove • The Netherlands <a href='https://goo.gl/maps/yj2srDnwXc42' target='_blank'>
|
||||
<img class='mapbutton'src='img-vid/mapicon-red.svg' alt='map pin drop icon'></a></span>
|
||||
</p>
|
||||
<div id='wed-details-mobile'>
|
||||
<p id='p-june30-mobile'>June 30<sup style='font-size: 11px !important'>th</sup> 2018</p>
|
||||
<p id='p-oldehove-mobile'>Oldehove</p>
|
||||
<p id='p-thenetherlands-mobile'>The Netherlands <a href='https://goo.gl/maps/yj2srDnwXc42' target='_blank'><img class='mapbutton-mobile'src='img-vid/mapicon.svg' alt='map pin drop icon'></a></p>
|
||||
</div>
|
||||
<button type='button' id='login-button' class='button1' onclick="openNav()">Login</button>
|
||||
</div>
|
||||
<div class='location'>
|
||||
<p id='wed-location'>Shot at Lake Atitlan, Guatemala</p>
|
||||
<p id='wed-location-mobile'>Shot at Lake Atitlan, Guatemala</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myNav" class="overlay">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="overlay-content">
|
||||
<p class="modal-message">Please use your invitation email and code we sent</p>
|
||||
<form class="login-form" action="#">
|
||||
<input class="input-box" type="text" tabindex="10" value="" placeholder="email">
|
||||
<br>
|
||||
<input class="input-box" type="text" value="" placeholder="code">
|
||||
<br>
|
||||
<input id="take-me-in-btn" type="submit" value="Take me in!">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function openNav() {
|
||||
document.getElementById("myNav").style.display = "block";
|
||||
document.getElementById("outer-container").style.display = "none";
|
||||
}
|
||||
function closeNav() {
|
||||
document.getElementById("myNav").style.display = "none";
|
||||
document.getElementById("outer-container").style.display = "block";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
526
styles.css
Normal file
526
styles.css
Normal file
@@ -0,0 +1,526 @@
|
||||
* {
|
||||
box-sizing : border-box;
|
||||
margin : 0;
|
||||
padding : 0;
|
||||
}
|
||||
|
||||
.fullscreen-bg {
|
||||
z-index : -100;
|
||||
position : fixed;
|
||||
top : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
left : 0;
|
||||
overflow : hidden;
|
||||
pointer-events : none;
|
||||
}
|
||||
|
||||
.fullscreen-bg:after {
|
||||
z-index : 10;
|
||||
content : '';
|
||||
display : block;
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
background : rgba(235,140,46,0.45);
|
||||
}
|
||||
|
||||
.fullscreen-bg__video {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
pointer-events : none;
|
||||
}
|
||||
|
||||
.body {
|
||||
display : flex;
|
||||
width : 100%;
|
||||
height : 100vh;
|
||||
}
|
||||
|
||||
.outer-container {
|
||||
display : flex;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
}
|
||||
|
||||
.outer {
|
||||
display : flex;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
align-items : center;
|
||||
flex-direction : column;
|
||||
justify-content : flex-end;
|
||||
}
|
||||
|
||||
#names {
|
||||
padding-bottom : 0px;
|
||||
color : #F9E6C2;
|
||||
text-align : center;
|
||||
font-size : 110px;
|
||||
font-weight : 300;
|
||||
line-height : 1.3em;
|
||||
letter-spacing : px;
|
||||
}
|
||||
|
||||
.hero {
|
||||
padding-bottom : 0px;
|
||||
/**
|
||||
* position: fixed; bottom: 10em; margin-top: 27em; margin-bottom: .5em; width:
|
||||
* 100%;
|
||||
*/
|
||||
}
|
||||
|
||||
.details {
|
||||
/* position: fixed; bottom:0; margin: 2em auto; width: 100%; */
|
||||
}
|
||||
|
||||
.details p {
|
||||
padding-bottom : 15px;
|
||||
color : #F9E6C2;
|
||||
text-align : center;
|
||||
font-size : 24px;
|
||||
line-height : 50px;
|
||||
letter-spacing : 2px;
|
||||
}
|
||||
|
||||
.location p {
|
||||
color : #F9E6C2;
|
||||
font-size : 14px;
|
||||
letter-spacing : .3px;
|
||||
}
|
||||
|
||||
#wed-details-mobile {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location-mobile {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.location {
|
||||
display : flex;
|
||||
width : 100%;
|
||||
padding : 0px 0px 7px 7px;
|
||||
justify-content : flex-start;
|
||||
}
|
||||
|
||||
.mapbutton {
|
||||
width : 12.5px;
|
||||
}
|
||||
|
||||
p span {
|
||||
display : block;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align : center;
|
||||
}
|
||||
|
||||
#login-button {
|
||||
display : flex;
|
||||
width : 262px;
|
||||
height : 71px;
|
||||
margin-top : 1em;
|
||||
margin-right : auto;
|
||||
margin-bottom : 3em;
|
||||
margin-left : auto;
|
||||
color : #F8E6C1;
|
||||
border : 2px solid #F8E6C1;
|
||||
border-radius : 100px;
|
||||
background-color : transparent;
|
||||
text-align : center;
|
||||
font-size : 24px;
|
||||
justify-content : center;
|
||||
line-height : 42px;
|
||||
letter-spacing : 2px;
|
||||
-webkit-transition-duration: 0.4s; /*safari*/
|
||||
transition-duration: 0.4s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* hover */
|
||||
#login-button:hover {
|
||||
background-color: #FFF;
|
||||
color: #50E3C2;
|
||||
border: #50E3C2;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(53,26,0, 0.6);
|
||||
}
|
||||
.overlay-content {
|
||||
position: relative;
|
||||
top: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.overlay p {
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
font-size: 34px;
|
||||
color: #F8E6C1;
|
||||
display: block;
|
||||
transition: 0.3s;
|
||||
font-weight: 100;
|
||||
}
|
||||
.overlay a {
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
font-size: 30px;
|
||||
color: #F8E6C1;
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(165,157,154, 0.6);
|
||||
transition: 0.3s;
|
||||
align-items: center;
|
||||
}
|
||||
.overlay button {
|
||||
background-color: transparent;
|
||||
border: 2px solid #F8E6C1;
|
||||
border-radius: 100px;
|
||||
}
|
||||
.overlay a:hover, .overlay a:focus {
|
||||
color: #50E3C2;
|
||||
}
|
||||
.overlay .closebtn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 45px;
|
||||
font-size: 60px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.login-form {
|
||||
margin-top: 1em;
|
||||
}
|
||||
#take-me-in-btn {
|
||||
display : flex;
|
||||
width : 262px;
|
||||
height : 71px;
|
||||
margin-top : 1em;
|
||||
margin-right : auto;
|
||||
margin-left : auto;
|
||||
color : #F8E6C1;
|
||||
border : 2px solid #F8E6C1;
|
||||
border-radius : 100px;
|
||||
background-color : transparent;
|
||||
text-align : center;
|
||||
font-size : 24px;
|
||||
justify-content : center;
|
||||
line-height : 42px;
|
||||
letter-spacing : 2px;
|
||||
-webkit-transition-duration: 0.4s; /*safari*/
|
||||
transition-duration: 0.4s;
|
||||
cursor: pointer;
|
||||
}
|
||||
#take-me-in-btn:hover {
|
||||
background-color: #FFF;
|
||||
color: #50E3C2;
|
||||
border: #50E3C2;
|
||||
}
|
||||
|
||||
.input-box {
|
||||
background-color: rgba(165,157,154, 0.6);
|
||||
border: 0px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
width: 377px;
|
||||
height: 60px;
|
||||
margin: .5em 0;
|
||||
font-size: 24px;
|
||||
color: #F8E6C1;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
|
||||
color: #F8E6C1;
|
||||
opacity: 1; /* Firefox */
|
||||
}
|
||||
|
||||
:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
||||
color: #F8E6C1;
|
||||
}
|
||||
|
||||
::-ms-input-placeholder { /* Microsoft Edge */
|
||||
color: #F8E6C1;
|
||||
}
|
||||
|
||||
button:focus {outline:0;}
|
||||
input:focus {outline:0;}
|
||||
|
||||
|
||||
@media
|
||||
(min-aspect-ratio : 16/9) {
|
||||
.fullscreen-bg__video {
|
||||
top : -100%;
|
||||
height : 300%;
|
||||
}
|
||||
}
|
||||
|
||||
@media
|
||||
(max-aspect-ratio : 16/9) {
|
||||
.fullscreen-bg__video {
|
||||
left : -108%;
|
||||
width : 320%;
|
||||
}
|
||||
}
|
||||
|
||||
/* iphone 5 */
|
||||
|
||||
@media
|
||||
only screen
|
||||
and (max-width : 330px) {
|
||||
#names {
|
||||
width : 140px;
|
||||
margin-bottom : 2.5em;
|
||||
font-size : 55px;
|
||||
line-height : .8em;
|
||||
}
|
||||
|
||||
#wed-details {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location-mobile {
|
||||
display : block;
|
||||
margin-bottom : 1em;
|
||||
padding-bottom : 44px;
|
||||
font-size : 11px;
|
||||
}
|
||||
|
||||
.location {
|
||||
justify-content : center;
|
||||
}
|
||||
|
||||
#wed-details-mobile {
|
||||
display : block;
|
||||
font-size : 10px;
|
||||
}
|
||||
|
||||
#wed-details-mobile p {
|
||||
font-size : 17px;
|
||||
line-height : 1em;
|
||||
letter-spacing : .005em;
|
||||
}
|
||||
|
||||
.mapbutton-mobile {
|
||||
width : 10px;
|
||||
}
|
||||
|
||||
#p-staytuned-mobile {
|
||||
margin-bottom : 2.2em;
|
||||
}
|
||||
|
||||
#p-thenetherlands-mobile {
|
||||
margin-bottom : .1em;
|
||||
}
|
||||
|
||||
#p-oldehove-mobile {
|
||||
margin-bottom : -.5em;
|
||||
}
|
||||
|
||||
#p-june30-mobile {
|
||||
margin-bottom : -.1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* iphone 6 and medium screens */
|
||||
|
||||
@media
|
||||
only screen
|
||||
and (min-width : 331px)
|
||||
and (max-width : 375px) {
|
||||
#names {
|
||||
width : 140px;
|
||||
margin-bottom : 1.3em;
|
||||
font-size : 68px;
|
||||
line-height : .8em;
|
||||
}
|
||||
|
||||
#wed-details {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location-mobile {
|
||||
display : block;
|
||||
margin-bottom : 1em;
|
||||
padding-bottom : 44px;
|
||||
font-size : 11px;
|
||||
}
|
||||
|
||||
.location {
|
||||
justify-content : center;
|
||||
}
|
||||
|
||||
#wed-details-mobile {
|
||||
display : block;
|
||||
font-size : 10px;
|
||||
}
|
||||
|
||||
#wed-details-mobile p {
|
||||
font-size : 19px;
|
||||
line-height : 1.5em;
|
||||
letter-spacing : 0.005em;
|
||||
}
|
||||
|
||||
.mapbutton-mobile {
|
||||
width : 10px;
|
||||
}
|
||||
|
||||
#p-thenetherlands-mobile {
|
||||
margin-bottom : .1em;
|
||||
}
|
||||
|
||||
#p-oldehove-mobile {
|
||||
margin-bottom : -.5em;
|
||||
}
|
||||
|
||||
#p-june30-mobile {
|
||||
margin-bottom : -.1em;
|
||||
}
|
||||
|
||||
#login-button {
|
||||
width : 180px;
|
||||
height : 50px;
|
||||
font-size : 19px;
|
||||
}
|
||||
}
|
||||
|
||||
/* iphone 6S and plus screens */
|
||||
|
||||
@media
|
||||
only screen
|
||||
and (min-width : 376px)
|
||||
and (max-width : 766px) {
|
||||
#names {
|
||||
width : 400px;
|
||||
margin-bottom : 3em;
|
||||
font-size : 68px;
|
||||
line-height : .9em;
|
||||
}
|
||||
|
||||
#wed-details {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#wed-location-mobile {
|
||||
display : block;
|
||||
margin-bottom : 1em;
|
||||
padding-bottom : 44px;
|
||||
font-size : 12px;
|
||||
}
|
||||
|
||||
.location {
|
||||
justify-content : center;
|
||||
}
|
||||
|
||||
#wed-details-mobile {
|
||||
display : block;
|
||||
font-size : 10px;
|
||||
}
|
||||
|
||||
#wed-details-mobile p {
|
||||
font-size : 21px;
|
||||
line-height : 1.4em;
|
||||
letter-spacing : .005em;
|
||||
}
|
||||
|
||||
.mapbutton-mobile {
|
||||
width : 11px;
|
||||
}
|
||||
|
||||
#p-thenetherlands-mobile {
|
||||
margin-bottom : .3em;
|
||||
}
|
||||
|
||||
#p-oldehove-mobile {
|
||||
margin-bottom : -.2em;
|
||||
}
|
||||
|
||||
#p-june30-mobile {
|
||||
margin-bottom : .3em;
|
||||
}
|
||||
|
||||
#login-button {
|
||||
width : 180px;
|
||||
height : 50px;
|
||||
font-size : 19px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet Styles */
|
||||
|
||||
@media
|
||||
only screen
|
||||
and (min-width : 767px)
|
||||
and (max-width : 1024px) {
|
||||
#names {
|
||||
margin-bottom : .6em;
|
||||
font-size : 90px;
|
||||
}
|
||||
|
||||
#wed-details {
|
||||
margin-bottom : 2em;
|
||||
margin-bottom : 1.5em;
|
||||
font-size : 32px;
|
||||
line-height : 2em;
|
||||
}
|
||||
|
||||
.mapbutton {
|
||||
width : 15px;
|
||||
}
|
||||
|
||||
#wed-location {
|
||||
margin-bottom : ;
|
||||
font-size : ;
|
||||
}
|
||||
|
||||
.location {
|
||||
margin-bottom : .1em;
|
||||
margin-left : 1.5em;
|
||||
justify-content : flex-start;
|
||||
}
|
||||
|
||||
#login-button {
|
||||
width : 200px;
|
||||
height : 60px;
|
||||
font-size : 21px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop Styles */
|
||||
|
||||
@media
|
||||
only screen
|
||||
and (min-width : 1025px) {
|
||||
}
|
||||
|
||||
/**
|
||||
* release only if needed for better performance (mobile users) @media
|
||||
* (max-width: 767px) { .fullscreen-bg { background:
|
||||
* url('img-vid/eng-540p-low-img.jpg') center center / cover no-repeat; }
|
||||
*/
|
||||
Reference in New Issue
Block a user