Dokimi1

Developer
Kelly Kalouta
Size
7,227 Kb
Views
12,144
  1. Dokimi1 Previews
  2. Dokimi1 HTML Codes
  3. Dokimi1 CSS Codes
  4. Dokimi1 JS Codes

How do I make an dokimi1?

What is a dokimi1? How do you make a dokimi1? This script and codes were developed by Kelly Kalouta on 14 November 2022, Monday.

Dokimi1 Previews
IQ Test

Dokimi1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Dokimi1</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ body { background: #F3F3F3; font-family: 'Open Sans', sans-serif; margin: 0; overflow-X: hidden; padding: 0; position: relative;
}
html.on, html.on body {overflow: hidden;}
a { color: inherit; text-decoration: none;
}
a:hover { color: #08F; opacity: .85; *text-decoration: underline;
}
footer, header, section, article, .container { margin: 0 auto; overflow: hidden; padding: 0; position: relative;
}
section { z-index: 2; -webkit-tranform: translate3d(0,0,0); -moz-tranform: translate3d(0,0,0); tranform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
section.on { -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.container { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
img { border: 0; display: block; width: 100%;
}
article { background: #FFF; display: block; margin: 0 auto 40px; padding: 0 0 10px; width: initial;
}
.box { height: initial; margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: initial;
}
.box:last-child { padding: 20px 40px 0; width: initial;
}
.box:first-child:before { border-bottom: 8px solid #FFF; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid transparent; bottom: 0; content: ""; left: 40px; margin: 0 auto; position: absolute;
}
header { background-image: url('http://i68.tinypic.com/518vuq.jpg" border="0" alt="Image and video hosting by TinyPic'); background-position: center; background-size: cover; height: initial; margin: 0 auto 40px; position: relative; width: 100%; z-index: 2; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
header:before { background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.4), rgba(0,0,0,0)); bottom: ; content: ""; height: 400px; left: 0; position: absolute; right: 0; width: 100%;
}
header img, .box img { object-fit: cover; width: 100%;
}
header > h1 { color: #FFF; font-size: 2em; left: 50%; position: absolute; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,.45); top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
header > h1 > span { color: #86FD12; text-transform: uppercase;
}
header.on { -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#overlay { background: rgba(0, 0, 0, 0.75); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; width: 100%; z-index: 5; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#overlay.on { opacity: 1; visibility: visible; -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#menu { cursor: pointer; font-size: 2em; left: 10px; opacity: 1; padding: 10px; position: fixed; text-shadow: 0 1px 2px rgba(0,0,0,.15); top: 10px; visibility: visible; width:; z-index: 9; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#menu .fa {*color: #FFF;}
#menu.on { -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#menu.on .fa {*color: blue}
h2 { color: #333; position: relative;
}
h2:before { background: #333; bottom: -10px; content: ""; height: 2px; left: 0; position: absolute; width: 100px;
}
h3 { color: #666; display: flex; font-size: 16px; overflow: hidden; position: relative;
}
h4 { color: #999; font-size: 12px; padding: 20px 0 0;
}
h4 > a {margin: 0 auto 0 20px;}
h4 > a:first-child {margin: 0}
h3 > span { overflow: hidden; position: relative; width: 50%;
}
h3 > span:last-child { text-align: end; position: absolute; right: 0;
}
p { color: #777; font-size: 15px; font-style: italic; line-height: 20px;
}
ul, li { list-style-type: none; margin: 0 auto; padding: 0;
}
.fa { color: #000000;
}
menu { background: #76daff; bottom: 0; color: #ieieie; height: initial; left: 0; margin: 0 auto; opacity: 0; overflow: hidden; padding: 0; position: fixed; top: 0; width: 220px; z-index: 1; -webkit-transform: translate3d(-220px,0,0); -moz-transform: translate3d(-220px,0,0); transform: translate3d(-220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
menu.on { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
menu > .container { height: 100%; margin: 0 auto; padding: 0; width: 260px;
}
menu > .container > .box { padding: 0; width: initial;
}
menu > .container > .box:before { display: none;
}
menu > .container > .box li, menu > .container > .box ul { display: block; overflow: hidden; position: relative; text-align: justify;
}
menu > .container > .box li { border-top: 1px solid rgba(0,0,0,.15); font-size: 18px; margin: 0 auto; padding: 0; width: 100%;
}
menu > .container > .box li:last-child { border-bottom: 1px solid rgba(0,0,0,.15);
}
menu > .container > .box li a { display: block; margin: 0 auto; overflow: hidden; padding: 10px 20px; position: relative; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out;
}
menu > .container > .box li a:hover { background: rgba(0,0,0,.1); color: rgba(0,0,0,.5);
}
menu > .container > .box .fa { color: inherit; margin: 0 10px 0 0;
}
.cite { background: #FFF; margin: 20px auto 40px; padding: 20px 20px; text-align: center;
}
.cite p { color: #999; font-size: 20px; font-weight: 200; line-height: 28px;
}
.cite blockquote:before { color: #ccc; content: "\201C"; font-size: 6em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;
}
@media only screen and (min-width: 580px) { p { font-size: 15px; line-height: 22px; } header {margin: 0;} header:before { background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,.5), rgba(0,0,0,0)); bottom: 0; content: ""; height: 400px; left: 0; position: absolute; right: 0; width: 100%; } section {overflow: visible;} .container { margin: -200px auto 0; overflow: visible; width: 90%; } article { display: block; height: auto; margin: 0 auto 40px; padding: 0; width: 100%; } article > .box:last-child { padding: 20px 40px 0; width: initial; }
@media only screen and (min-width: 760px) { .container {width: 720px;} header > h1 { color: #FFF; font-size: 3em; left: 50%; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.45); top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* #menu {visibility: hidden;} menu { background: #76daff; bottom: auto; opacity: 1; right: 0; width: initial; z-index: 9; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } menu > .container {width: calc(100% - 20px);} menu > .container > .box ul, menu > .container > .box li {display: flex;} menu > .container > .box li { display: inline-block; margin: 0 auto; text-align: center; width: initial; } menu > .container > .box li a { border: 0; color: #888; font-weight: bold; } menu > .container > .box li a:hover { background: transparent; color: #FFF; } menu > .container > .box li .fa {display: none;} */ article { display: flex; height: auto; margin: 0 auto 40px; padding: 0; width: 100%; } article:nth-child(odd), article:nth-child(odd) .box { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); } article > .box {width: 50%;} article > .box:last-child { padding: 20px 20px 0; width: calc(50% - 40px); } .box:first-child:before { border-bottom: 8px solid transparent; border-left: 8px solid #FFF; border-right: 8px solid transparent; border-top: 8px solid transparent; bottom: auto; content: ""; left: 0; margin: 0 auto; position: absolute; top: 80px; }
}
@media only screen and (min-width: 900px) { p { font-size: 16px; line-height: 24px; } .container {width: 860px;} header > h1 { color: #FFF; font-size: 4em; left: 50%; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.45); top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } article > .box:last-child { padding: 20px 40px 0; width: calc(50% - 80px); }
}
@media only screen and (min-width: 1100px) { .container {width: 980px;} article > .box:last-child { padding: 20px 60px 0; width: calc(50% - 120px); }
}
@media only screen and (min-width: 1200px) { .container {width: 1160px;} article > .box:last-child { padding: 40px 60px 0; width: calc(50% - 120px); }
} .marquee { overflow: hidden; background: black; height: 250px;
}
.marqee img a{ margin: 0px; padding: 0px;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div id="overlay"></div>
<span id="menu"><i class="fa fa-navicon"></i></span>
<header> <h1> <span> </span></h1>
</header>
<menu> <div class="container"> <div class="box"> <ul> <li><a href=""><i class="fa fa-home"></i> Home</a></li> <li><a href=""><i class="fa fa-book"></i> Blog</a></li> <li><a href=""><i class="fa fa-image"></i> Gallery</a></li> <li><a href=""><i class="fa fa-info-circle"></i> Contact</a></li> </ul> </div> </div>
</menu>
<section> <div class="container"> <article> <div class="box"><img src="http://static.artfire.com/uploads/product/8/288/9288/8009288/8009288/large/i_don_t_need_google_my_wife_knows_everything_black_shirt_01c64ea4.jpg" alt="" /></div> <div class="box"> <h3> </h3> <h2>FUNNY T-SHIRT </h2> <p>Εντυπωσίασε φορώντας ένα μπλουζάκι με αστείο λογότυπο και χάρισε παντού χαμόγελα!!</p> <p>Μην Ξεχνάς! Μπορείς να φτιάξεις τη στάμπα της επιλογής σου εδώ --> (link)</p> <h4> <a href="">Continue Reading</a> <a href="">45 Comments</a> </h4> </div> </article> <div class="cite"> <blockquote> <p> </p> </blockquote> </div> <article> <div class="box"><img src="http://www.click-tshirt.gr/img/p/1/1/8/3/8/11838-large_default.jpg" alt="" /></div> <div class="box"> <h2>Μάρτης γδάρτης και κακός παλουκοκάφτης...</h2> <p>...λέει και η παροιμία.</p> <h4> <a href="">Continue Reading</a> <a href=""> 45 Comments</a> </h4> </div> </article> </div> </section>
<srcipt src="https://rawgithub.com/tobia/Pause/master/jquery.pause.js"></script>
<div class="marquee"> <a href=""><img height="250" width="400" src="http://www.rhodes-shop.com/uploads/3/0/4/2/3042918/4431099.jpg" alt="" /></a> <a href=""><img height="250" width="400" src="http://www.fruitoftheloom.eu/public/images/imprint/logo_landing_20140415v2.jpg" alt="" /></a> <a href=""><img height="250" width="400" src="https://pbs.twimg.com/profile_images/623122828070637568/vrVll4T3.jpg" alt="" /></a> <a href=""><img height="250" width="400" src="https://pbs.twimg.com/profile_images/675357554176860161/l52QovaM.jpg" alt="" /></a>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdn.jsdelivr.net/jquery.marquee/1.4.0/jquery.marquee.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Dokimi1 - Script Codes CSS Codes

body { background: #F3F3F3; font-family: 'Open Sans', sans-serif; margin: 0; overflow-X: hidden; padding: 0; position: relative;
}
html.on, html.on body {overflow: hidden;}
a { color: inherit; text-decoration: none;
}
a:hover { color: #08F; opacity: .85; *text-decoration: underline;
}
footer, header, section, article, .container { margin: 0 auto; overflow: hidden; padding: 0; position: relative;
}
section { z-index: 2; -webkit-tranform: translate3d(0,0,0); -moz-tranform: translate3d(0,0,0); tranform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
section.on { -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.container { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
img { border: 0; display: block; width: 100%;
}
article { background: #FFF; display: block; margin: 0 auto 40px; padding: 0 0 10px; width: initial;
}
.box { height: initial; margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: initial;
}
.box:last-child { padding: 20px 40px 0; width: initial;
}
.box:first-child:before { border-bottom: 8px solid #FFF; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid transparent; bottom: 0; content: ""; left: 40px; margin: 0 auto; position: absolute;
}
header { background-image: url('http://i68.tinypic.com/518vuq.jpg" border="0" alt="Image and video hosting by TinyPic'); background-position: center; background-size: cover; height: initial; margin: 0 auto 40px; position: relative; width: 100%; z-index: 2; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
header:before { background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.4), rgba(0,0,0,0)); bottom: ; content: ""; height: 400px; left: 0; position: absolute; right: 0; width: 100%;
}
header img, .box img { object-fit: cover; width: 100%;
}
header > h1 { color: #FFF; font-size: 2em; left: 50%; position: absolute; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,.45); top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
header > h1 > span { color: #86FD12; text-transform: uppercase;
}
header.on { -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#overlay { background: rgba(0, 0, 0, 0.75); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; width: 100%; z-index: 5; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#overlay.on { opacity: 1; visibility: visible; -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#menu { cursor: pointer; font-size: 2em; left: 10px; opacity: 1; padding: 10px; position: fixed; text-shadow: 0 1px 2px rgba(0,0,0,.15); top: 10px; visibility: visible; width:; z-index: 9; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#menu .fa {*color: #FFF;}
#menu.on { -webkit-transform: translate3d(220px,0,0); -moz-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
#menu.on .fa {*color: blue}
h2 { color: #333; position: relative;
}
h2:before { background: #333; bottom: -10px; content: ""; height: 2px; left: 0; position: absolute; width: 100px;
}
h3 { color: #666; display: flex; font-size: 16px; overflow: hidden; position: relative;
}
h4 { color: #999; font-size: 12px; padding: 20px 0 0;
}
h4 > a {margin: 0 auto 0 20px;}
h4 > a:first-child {margin: 0}
h3 > span { overflow: hidden; position: relative; width: 50%;
}
h3 > span:last-child { text-align: end; position: absolute; right: 0;
}
p { color: #777; font-size: 15px; font-style: italic; line-height: 20px;
}
ul, li { list-style-type: none; margin: 0 auto; padding: 0;
}
.fa { color: #000000;
}
menu { background: #76daff; bottom: 0; color: #ieieie; height: initial; left: 0; margin: 0 auto; opacity: 0; overflow: hidden; padding: 0; position: fixed; top: 0; width: 220px; z-index: 1; -webkit-transform: translate3d(-220px,0,0); -moz-transform: translate3d(-220px,0,0); transform: translate3d(-220px,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
menu.on { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
menu > .container { height: 100%; margin: 0 auto; padding: 0; width: 260px;
}
menu > .container > .box { padding: 0; width: initial;
}
menu > .container > .box:before { display: none;
}
menu > .container > .box li, menu > .container > .box ul { display: block; overflow: hidden; position: relative; text-align: justify;
}
menu > .container > .box li { border-top: 1px solid rgba(0,0,0,.15); font-size: 18px; margin: 0 auto; padding: 0; width: 100%;
}
menu > .container > .box li:last-child { border-bottom: 1px solid rgba(0,0,0,.15);
}
menu > .container > .box li a { display: block; margin: 0 auto; overflow: hidden; padding: 10px 20px; position: relative; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; transition: all .15s ease-in-out;
}
menu > .container > .box li a:hover { background: rgba(0,0,0,.1); color: rgba(0,0,0,.5);
}
menu > .container > .box .fa { color: inherit; margin: 0 10px 0 0;
}
.cite { background: #FFF; margin: 20px auto 40px; padding: 20px 20px; text-align: center;
}
.cite p { color: #999; font-size: 20px; font-weight: 200; line-height: 28px;
}
.cite blockquote:before { color: #ccc; content: "\201C"; font-size: 6em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;
}
@media only screen and (min-width: 580px) { p { font-size: 15px; line-height: 22px; } header {margin: 0;} header:before { background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,.5), rgba(0,0,0,0)); bottom: 0; content: ""; height: 400px; left: 0; position: absolute; right: 0; width: 100%; } section {overflow: visible;} .container { margin: -200px auto 0; overflow: visible; width: 90%; } article { display: block; height: auto; margin: 0 auto 40px; padding: 0; width: 100%; } article > .box:last-child { padding: 20px 40px 0; width: initial; }
@media only screen and (min-width: 760px) { .container {width: 720px;} header > h1 { color: #FFF; font-size: 3em; left: 50%; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.45); top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } /* #menu {visibility: hidden;} menu { background: #76daff; bottom: auto; opacity: 1; right: 0; width: initial; z-index: 9; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } menu > .container {width: calc(100% - 20px);} menu > .container > .box ul, menu > .container > .box li {display: flex;} menu > .container > .box li { display: inline-block; margin: 0 auto; text-align: center; width: initial; } menu > .container > .box li a { border: 0; color: #888; font-weight: bold; } menu > .container > .box li a:hover { background: transparent; color: #FFF; } menu > .container > .box li .fa {display: none;} */ article { display: flex; height: auto; margin: 0 auto 40px; padding: 0; width: 100%; } article:nth-child(odd), article:nth-child(odd) .box { -webkit-transform: rotate3d(0,1,0,180deg); -moz-transform: rotate3d(0,1,0,180deg); transform: rotate3d(0,1,0,180deg); } article > .box {width: 50%;} article > .box:last-child { padding: 20px 20px 0; width: calc(50% - 40px); } .box:first-child:before { border-bottom: 8px solid transparent; border-left: 8px solid #FFF; border-right: 8px solid transparent; border-top: 8px solid transparent; bottom: auto; content: ""; left: 0; margin: 0 auto; position: absolute; top: 80px; }
}
@media only screen and (min-width: 900px) { p { font-size: 16px; line-height: 24px; } .container {width: 860px;} header > h1 { color: #FFF; font-size: 4em; left: 50%; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.45); top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } article > .box:last-child { padding: 20px 40px 0; width: calc(50% - 80px); }
}
@media only screen and (min-width: 1100px) { .container {width: 980px;} article > .box:last-child { padding: 20px 60px 0; width: calc(50% - 120px); }
}
@media only screen and (min-width: 1200px) { .container {width: 1160px;} article > .box:last-child { padding: 40px 60px 0; width: calc(50% - 120px); }
} .marquee { overflow: hidden; background: black; height: 250px;
}
.marqee img a{ margin: 0px; padding: 0px;
}

Dokimi1 - Script Codes JS Codes

$(function(){ // Window Dimentions var w = $(window).width(), h = $(window).height(); //$('header').width(w); $('header').height(h); // Window Dimentions Resize $(window).resize(function(){ var w = $(window).width(), h = $(window).height(); //$('header').width(w); $('header').height(h); }); // $('#menu').click(function(){ $(this).toggleClass('on'); $('#overlay').toggleClass('on'); $('html').toggleClass('on'); $('menu').toggleClass('on'); $('header').toggleClass('on'); $('section').toggleClass('on'); if($('#menu > i').hasClass('fa-navicon')) { $('#menu > i').addClass('fa-arrow-left'); $('#menu > i').removeClass('fa-navicon'); } else { $('#menu > i').addClass('fa-navicon'); $('#menu > i').removeClass('fa-arrow-left'); } }); $('#overlay').click(function(){ $(this).removeClass('on'); $('#menu').removeClass('on'); $('html').removeClass('on'); $('menu').removeClass('on'); $('header').removeClass('on'); $('section').removeClass('on'); $('#menu > i').addClass('fa-navicon'); $('#menu > i').removeClass('fa-arrow-left'); });
});
$('.marquee').marquee({ pauseOnHover: true, duplicated: true, gap: 5
});
Dokimi1 - Script Codes
Dokimi1 - Script Codes
Home Page Home
Developer Kelly Kalouta
Username kelkal
Uploaded November 14, 2022
Rating 3
Size 7,227 Kb
Views 12,144
Do you need developer help for Dokimi1?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kelly Kalouta (kelkal) Script Codes
Name
Parousiash Proiontos
Payment Methods
Footer
Brands sliding
About us by Rhinokage Rio
Top Bar
Responsive Menu 1
Oi
Footer Click-Tshirt
Return Policy
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!