A Pen by Alexander

Developer
Alexandr
Size
10,161 Kb
Views
6,072
  1. A Pen by Alexander Previews
  2. A Pen by Alexander HTML Codes
  3. A Pen by Alexander CSS Codes
  4. A Pen by Alexander JS Codes

How do I make an a pen by alexander?

What is a a pen by alexander? How do you make a a pen by alexander? This script and codes were developed by Alexandr on 20 January 2023, Friday.

A Pen by Alexander Previews
IQ Test

A Pen by Alexander - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Alexander</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<html> <head> <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick-theme.css"/> </head> <body> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"/> <link href="https://fonts.googleapis.com/css?family=Monda:700,400|Arimo" rel="stylesheet" type="text/css"/> <section class="b-header"> <div class="bg"></div> <div class="main"> <div class="menu"> <div class="leftmenu"></div> <div class="centerlogo"></div> <ul class="soc"> <li class="rss"></li> <li class="sc-twitter"></li> <li class="sc-tumbler"></li> <li class="sc-facebook"></li> <li class="search"></li> </ul> <div class="banner"><a class="a-github" href="https://aortan1.github.io/decoblog/" target="_blank"></a> <div class="h"> <h6>Latest News</h6> <h1> BodyBuilding best for you health </h1> </div> </div> <div class="banner-slides slick-list"> <div class="banner-slide sl-1"></div> <div class="banner-slide sl-2"></div> <div class="banner-slide sl-3"></div> <div class="banner-slide sl-4"></div> <div class="banner-slide sl-5"></div> <div class="banner-slide sl-6"></div> <div class="banner-slide sl-7"></div> </div> <div class="arrows"> <button class="sl-next"></button><span>featured article</span> <button class="sl-prev"></button> </div> </div> </div> </section> <section class="b-signup"> <div class="main"> <h3 class="title">Signup to Newsletter</h3> <form action=""> <input class="inp-signup" type="text" placeholder="Your name"/> <input class="inp-signup" type="email" placeholder="Your email address"/> <input class="btn-signup" type="submit" value="Subscribe now"/> </form> </div> </section> <section class="b-content"> <div class="main"> <article class="in"> <div class="ico-pensil ico"></div> <div class="article"> <h5 class="first-h5">Travelling</h5> <h3>Travel best adventure</h3> <h5 class="date">January 25, 2016</h5> <p class="text">Lorem ipsum doloirs sit amet, csatetur adipisicin, sed does eiusmod tehampor incididunt uts laboasre et dolhvaliqua. Ut enim vem, nostrasuaations ullamco labiosi ut saaliquip exoi asea comoodo Disco choice is the have great work.</p> <div class="readmore">read more</div> <div class="art-footer"> <div class="ico-comm"></div> <h5 class="comm">no comment</h5> <ul class="art-soc"> <li class="sc-wheel"></li> <li class="sc-facebook"></li> <li class="sc-twitter"></li> <li class="sc-mail"></li> </ul> </div> </div> </article> <article class="in"> <div class="article ar-img-girl"><img src="http://fs54.www.ex.ua/get/241634816088/251156783/img-01-girl-2.jpg" alt=""/></div> </article> <article class="in"> <div class="article ar-with-bg"> <h5 class="first-h5">Travelling</h5> <h3>Travel best adventure</h3> <h5 class="date">January 25, 2016</h5> <p class="text">Lorem ipsum doloirs sit amet, csatetur adipisicin, sed does eiusmod tehampor incididunt uts laboasre et dolhvaliqua. Ut enim vem, nostrasuaations ullamco labiosi ut saaliquip exoi asea comoodo tehampor incididunt uts laboasre etsa iusmod tehampor incididunt uts hav-laboasre et dolhvaliqua. Ut enim vem, choice is the have great work.</p> <div class="readmore">read more</div> </div> </article> <article class="in"> <div class="article ar-standart"><img class="img-standart" src="http://fs180.www.ex.ua/get/522627464340/247787509/img-02-boy-0.jpg" alt=""/> <div class="ico-mountain ico"></div> <h5 class="first-h5">Travelling</h5> <h3>Standart image post</h3> <h5 class="date">January 25, 2016</h5> <div class="readmore">read more</div> <div class="art-footer"> <div class="ico-comm"></div> <h5 class="comm">06 comment</h5> <ul class="art-soc"> <li class="sc-wheel"></li> <li class="sc-facebook"></li> <li class="sc-twitter"></li> <li class="sc-mail"></li> </ul> </div> </div> </article> <article class="in"> <div class="ico-quote ico"></div> <div class="article ar-quote"> <p class="text p-quote">As per Lorm ipsum dolor sitamet, consectetur adipisicing elits, sed &nbsp; do Now eiusmod tempor havei ut labores et dolore magna aliqusa.<br> Ut wenim ad minim veniam, quis <br>its a snostrud now is the ullamco aliquip ex ea commodo .</p> <h5 class="h5-quote">Nathalia Alexy</h5> </div> </article> <article class="in"> <div class="ico-film ico"></div> <div class="article"> <div class="div-iframe"> <iframe src="https://www.youtube.com/embed/B_IB6EBhX8g?rel=0" frameborder="0" allowfullscreen=""></iframe> </div> <h5 class="first-h5">Designer</h5> <h3>Video Image Post Style</h3> <h5 class="date">January 25, 2016</h5> <p class="text p-film">A CONAN staffer is learning the rules of the in road, with a little help from Look out, fellow drivers!</p> <div class="art-footer"> <div class="ico-comm"></div> <h5 class="comm">no comment</h5> <ul class="art-soc"> <li class="sc-wheel"></li> <li class="sc-facebook"></li> <li class="sc-twitter"></li> <li class="sc-mail"></li> </ul> </div> </div> </article> <article class="in"> <div class="ico-pensil ico"></div> <div class="article"> <h5 class="first-h5">Fashion</h5> <h3>Simple post style </h3> <h5 class="date">January 02, 2016</h5> <p class="text">Lorem ipsum doloirs sit amet, csatetur adipisicin, sed does eiusmod tehampor choice is the have great work.</p> <div class="readmore">read more</div> <div class="art-footer"> <div class="ico-comm"></div> <h5 class="comm">no comment</h5> <ul class="art-soc"> <li class="sc-wheel"></li> <li class="sc-facebook"></li> <li class="sc-twitter"></li> <li class="sc-mail"></li> </ul> </div> </div> </article> <article class="in"> <div class="article ar-standart box-shadow-25"><img class="img-4in1" src="http://fs142.www.ex.ua/get/679747539589/251362809/flax-1.jpg" alt=""/><img class="img-4in1" src="http://fs105.www.ex.ua/get/764554432163/251448261/girlinsun-1.jpg" alt=""/><img class="img-4in1" src="http://fs66.www.ex.ua/get/358099676720/251365054/sunnyday-2.jpg" alt=""/><img class="img-4in1" src="http://fs65.www.ex.ua/get/706617184754/247938250/img-03-four-1.jpg" alt=""/> <div class="ico-mountain ico"></div> <h5 class="first-h5">Adventures</h5> <h3>awesome Gallery Post</h3> <h5 class="date">January 19, 2016</h5> <div class="readmore">read more</div> <div class="art-footer"> <div class="ico-comm"></div> <h5 class="comm">02 comment</h5> <ul class="art-soc"> <li class="sc-wheel"></li> <li class="sc-facebook"></li> <li class="sc-twitter"></li> <li class="sc-mail"></li> </ul> </div> </div> </article> <article class="in"> <div class="ico-link ico"></div> <div class="article ar-quote ar-link"> <p class="p-quote"><a href="http://www.abcdomainname.com/screen/discovery">http://www.abcdomainname.com/<br>screen/discovery</a></p> </div> </article> <article class="in"> <div class="ico-window ico"></div> <div class="article ar-img-girl"> <img class="img-standart img-portrait" src="http://fs40.www.ex.ua/get/622670793688/247939681/img-04-women-2.jpg" alt=""/></div> </article> <article class="in"> <div class="article"><img class="img-standart img-portrait" src="http://fs65.www.ex.ua/get/101562120404/247944075/img-05-shecat-1.jpg" alt=""/> <div></div> </div> </article> <article class="in"> <div class="ico-pensil ico"></div> <div class="article"> <h5 class="first-h5">Lifestyle</h5> <h3>without image post</h3> <h5 class="date">January 07, 2016</h5> <p class="text">Lorem ipsum doloirs sit amet, csatetur adipisicin, sed does eiusmod tehampor incididunt uts laboasre et dolhvaliqua. Ut enim vem, nostrasuaations ullamco labiosi ut saaliquip exoi asea comoodo Disco choice is the have great work.</p> <div class="readmore">read more</div> <div class="art-footer"> <div class="ico-comm"></div> <h5 class="comm">no comment</h5> <ul class="art-soc"> <li class="sc-wheel"></li> <li class="sc-facebook"></li> <li class="sc-twitter"></li> <li class="sc-mail"></li> </ul> </div> </div> </article> <article class="in"> <div class="ico-note ico"></div> <div class="article"> <h5 class="first-h5">Audio Music </h5> <h3>Best Audio Player Post</h3> <h5 class="date">December 29, 2015</h5> <div class="round-img"><img class="img-standart" src="http://fs199.www.ex.ua/get/174745387676/247951361/img-06-joy-2.jpg" alt="alt"/></div> </div> </article> </div> </section> <section class="b-footer"> <div class="main"> <div class="oth about-blog"> <h4>About blog</h4> <p class="w-text">Lorem ipsum dolor sit amet, conser adipisicing esse cillum dolore nulla pariatur.</p><img src="http://fs62.www.ex.ua/get/862045001272/249253607/img-07-signature-2.jpg" alt=""/> </div> <div class="oth latest-tweets"> <h4>Latest tweets</h4> <div class="tweet"> <h6>@Twitter@magicalrebekah</h6> <p class="w-text">Developer Advocate @heyval isaiyou knows the very well is about things .</p> </div> <div class="tweet"> <h6>@Twitter@magicalrebekah</h6> <p class="w-text">Developer Advocate hav a great work this knows the very well is about things . </p> </div> </div> <div class="oth follow-me"> <h4>Follow me instagram</h4><img src="http://fs66.www.ex.ua/get/140362434879/248001222/img-08-temp.jpg" alt=""/> </div> <div class="oth latest-comment"> <h4>Latest comment</h4> <div class="co"> <p class="w-text from">From Alex :</p> <p class="w-text"> Developer Advocate @heyval isaiyou know the very well is talking about things .</p> </div> <div class="co"> <p class="w-text">From Jhon Doe :</p> <p class="w-text co-text">Developer Advocate @heyval isaiyou know the very well is talking about things .</p> </div> </div> </div> </section> <section class="b-copyright"> <div class="main"><span>@2016 copyright .all right reserved by awesome theme </span><a class="link" href="">terms policy</a><a class="link" href="">disclaimer</a></div> </section> </body>
</html> <script src="js/index.js"></script>
</body>
</html>

A Pen by Alexander - Script Codes CSS Codes

* { padding: 0; margin: 0; outline: none;
}
img { border: 0;
}
ul { list-style: none;
}
body { width: 100%;
/* min-width: 1440px; */ margin: 0 auto; font-size: 14px; font-family: Open Sans; color: #212121; text-transform: uppercase; background-color: #f4f4f4;
}
.main {
/* width: 1530px; */ max-width: 1530px; min-width: 960px; position: relative; margin: 0 auto; padding: 0 20px; border: 0px solid red;
}
h1 { font-size: 38px; font-weight: 600; letter-spacing: 6px;
}
h3 { font-size: 20px; font-weight: 600; letter-spacing: 4px; text-align: center;
}
h5 { font-size: 14px; letter-spacing: 1px; color: #999999;
}
}
h6 { font-size: 18px; letter-spacing: 3px;
}
p { font-size: 15px; letter-spacing: 1px; line-height: 28px; text-transform: none; text-align: justify;
}
a { font-size: 15px; text-transform: none; color: #fff;
}
section.b-header { height: 635px;
}
.b-header div.bg { position: absolute; width: 100%; height: 290px; background-color: #212429;
}
.b-header div.menu { overflow: hidden;
/* max-width: 1640px; */ width: 100%; height: 290px; padding-top: 0; background-color: #212429; border: 0px solid yellow;
}
/* .b-header .main { width: 1640px;
}
.b-footer .main { max-width: 1530px;
}
.b-content .main { max-width: 1530px;
} */
.b-copyright .main { width: 705px;
}
.b-header div.menu div.leftmenu { position: relative; float: left; width: 60px; height: 55px; margin: 0 0 0 55px; background: url("http://fs88.www.ex.ua/get/819252457219/247248388/sprite_x52.png") -4px -5px; border: solid #3c3c3c; border-width: 0 1px; cursor: pointer;
}
.b-header div.menu div.centerlogo { position: relative; width: 151px; height: 55px; margin: 0 0 0 47.3%; background: url("http://fs88.www.ex.ua/get/819252457219/247248388/sprite_x52.png") -88px -5px; border: 0px solid red;
}
.b-header a.a-github{ display: block; position: absolute; top: 55px; left: 55px; width: 1400px; height: 350px; border: 0px solid red; cursor: crosshair;
}
.b-header div.menu ul.soc { position: relative; float: right; margin: -55px 56px 0 0px;
}
.b-header div.menu ul.soc li { position: relative; float: left; width: 55px; height: 55px; margin: 0 0 0 -1px; background: url("http://fs44.www.ex.ua/get/149822541956/247264347/sprite_x53.png") -4px -5px; border: solid #3c3c3c; border-width: 0 1px; cursor: pointer;
}
.b-header div.menu ul.soc li:hover { position: relative; top: 2px;
}
.b-header div.menu ul.soc li.rss { background-position: 0px -47px;
}
.b-header div.menu ul.soc li.sc-twitter { background-position: -55px -47px;
}
.b-header div.menu ul.soc li.sc-tumbler { background-position: -110px -47px;
}
.b-header div.menu ul.soc li.sc-facebook { background-position: -161px -47px;
}
.b-header div.menu ul.soc li.search { background-position: -214px -47px;
}
.b-header .menu div.banner { position: absolute; z-index: 2000; top: 0; width: 550px;
/* width: 1528px; */
/* height: 580px; */ margin: 0 auto; border: 0px solid blue;
}
.b-header .menu div.banner-slides{ position: relative;
/* overflow: hidden; */
/* width: 1528px; */
/* height: 580px; */ margin: 0 auto 0; background-color: #212429;
}
.b-header .menu div.banner-slide{ position: relative; float: left;
/* width: 1528px; */ width: 100%;
/* height:100%; */ height: 580px;
/* background-repeat: no-repeat; */ margin: 0 auto 0;
/* background-size: cover; */ border: 0px dotted green;
}
.sl-1 { background: url("http://fs135.www.ex.ua/get/842948454868/252021100/header_bg-01.jpg");
}
.sl-2 { background: url("http://fs204.www.ex.ua/get/429064935054/252099124/header_bg-02.jpg");
}
.sl-3 { background: url("http://fs41.www.ex.ua/get/429064935054/252097891/header_bg-03.jpg");
}
.sl-4 { background: url("http://fs41.www.ex.ua/get/429064935054/252097894/header_bg-04.jpg");
}
.sl-5 { background: url("http://fs186.www.ex.ua/get/981535345188/252095717/header_bg-05.jpg");
}
.sl-6 { background: url("http://fs41.www.ex.ua/get/429064935054/252097899/header_bg-06.jpg");
}
.sl-7 { background: url("http://fs42.www.ex.ua/get/429064935054/252097909/header_bg-07.jpg");
}
.b-header .menu div.arrows { position: absolute; right: 30px; top: 330px; border: 0px solid blue; width: 210px; height: 20px; color: black; transform: rotate(-90deg);
}
.b-header .menu div.arrows span { display: inline-block; margin: 0 20px 0; color: white; font-size: 14px; border: 0px solid white;
}
.b-header .menu .sl-prev, .b-header .menu .sl-next { display: inline-block; position: relative; left: 0px; top: 0px; border: 0px solid red; background: none;
}
.b-header .menu .sl-next { float:right;
}
.b-header .menu .sl-prev:before{ content:"→"; color: white; font-size: 20px; }
.b-header .menu .sl-next:before{ content:"←"; color: white; font-size: 20px; }
.b-header .menu .slick-dots{ display: block; height: 160px; width: 10px; right: 75px; top: 193px; border: 0px solid red;
}
.b-header .menu .slick-dots li{ margin: -1px;
}
.b-header .menu .slick-dots li button:before{ content: ''; display: block; width: 6px; height: 6px; background-color: #666; border: 1px solid #fff; color: #fff; /*opacity: 0.7;*/
}
.b-header .menu .slick-dots li button:focus:before{
background-color: #eee;
/*opacity: 1.0;*/
}
.b-header .menu .slick-dots{ display: block; height: 160px; width: 10px; right: 70px; top: 226px; border: 0px solid red;
}
.b-header .menu .slick-dots li{ margin: -6px;
}
.b-header .menu .slick-dots li button:before{ content: ''; display: block; width: 6px; height: 6px; background-color: #555; border: 1px solid #fff; color: #fff;
/* opacity: 0.7; */
}
.b-header .menu .slick-dots li button:focus:before{
background-color: #eee;
/* opacity: 1.0; */
}
.b-header .menu .banner div.h { width: 485px; height: 130x; float: left; margin: 222px 0 0 9%; border: 0px solid red; color: white;
}
.b-header div.h h6 { font-size: 18px; letter-spacing: 3px;
}
.b-header div.h h1 { margin: 10px 0 0 0; font-size: 38px; font-weight: 600; letter-spacing: 6px;
}
section.b-signup { height: 75px; width: 100%; border: 0px solid blue;
}
.b-signup h3.title { float: left; width: 175px; margin: 22px 54px 0 30px; text-align: left;
}
.b-signup input { float: left; height: 48px;
}
.b-signup input.inp-signup {
/* width: 418px; */ width: 27.35%; margin: 27px 28px 0 0; padding: 0 0 0 30px; border: 1px solid #f3f3f3; font-size: 15px; color: #999999; letter-spacing: 1px; border: 0px dotted black;
}
.b-signup input.btn-signup { position: absolute;
/* display: inline-block; */ float: right; clear: right; overflow: hidden;
/* white-space: nowrap; */ /* width: 280px; */ width: 18.3%; margin: 28px 20px 0 3px; border: 1px solid #212121; font-size: 15px; background-color: #212121; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; cursor: pointer;
}
input::-webkit-input-placeholder { color: #999999; text-transform: uppercase; letter-spacing: 1px;
}
input::-moz-placeholder { color: #999999; text-transform: uppercase; letter-spacing: 1px;
}
input:-moz-placeholder { color: #999999; text-transform: uppercase; letter-spacing: 1px;
}
input:-ms-input-placeholder { color: #999999; text-transform: uppercase; letter-spacing: 1px;
}
section.b-content {
/* height: 1605px; */ height: 1615px; margin: 27px 0 0 0; padding: 45px 0 60px 0; background-color: #f9f9fb; border: 0px solid green;
}
.b-content .main { height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; border: 0px solid red;
}
.b-content article.in { margin: 30px 30px 0 0; border: 0px solid green;
}
.b-content div.article { position: relative; width: 358px; /*height: 480px;*/ /* margin: 30px 30px 0 0; */ background-color: #fff; border: 1px solid #f1f1f3;
/* border: 1px solid red; */ /* background-color: red; height: 280px; */ box-shadow: 0 0 25px #aaa;
}
.box-shadow-25 { box-shadow: 0 0 25px #aaa;
}
.b-content div.ico { position: relative; z-index: 1; width: 40px; height: 35px; margin: 0 auto -18px; cursor: pointer; border: 0px solid red; background: url("http://fs61.www.ex.ua/get/395294271544/247439233/sprite_x54.png"); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.b-content div.ico-pensil { background-position: -232px -121px; background-color: #212121;
}
.b-content div.ico-mountain { background-position: -147px -121px; background-color: #212121;
}
.b-content div.ico-quote { background-position: 3px -121px; background-color: #fcfdfc;
}
.b-content div.ico-film { background-position: -193px -121px; background-color: #212121;
}
.b-content div.ico-link { background-position: -73px -121px; background-color: #fcfdfc;
}
.b-content div.ico-window { background-position: -33px -121px; background-color: #fcfdfc;
}
.b-content div.ico-note { background-position: -105px -122px; background-color: #212121;
}
.b-content .article h3,
.b-content .article h5 { text-align: center;
}
.b-content .article h5.first-h5 { padding: 52px 30px 0;
}
.b-content .article h3 { letter-spacing: 2px; padding: 10px 20px 0;
}
.b-content .article h5.date { padding: 8px 30px 10px;
}
.b-content .article p.text { padding: 10px 20px 10px; text-align: center;
}
.b-content .article div.readmore { width: 125px; height: 25px; margin: 20px auto 37px; padding: 5px 0 0; text-align: center; font-size: 12px; font-weight: 600; letter-spacing: 3px; border: solid #d7d7d7; border-width: 0 1px; cursor: pointer;
}
.b-content .article div.readmore:hover { text-decoration: underline;
}
.b-content .art-footer { position: relative; bottom: 0px; height: 19px; padding: 25px 0px 17px 30px; border: 0px solid red; border-top: 1px solid #f7f7f7;
}
.b-content .art-footer .ico-comm { float: left; width: 17px; height: 12px; border: 0px solid red; background: url("http://fs61.www.ex.ua/get/395294271544/247439233/sprite_x54.png") -8px -101px;
}
.b-content .art-footer h5.comm { float: left; font-size: 12px; margin: -2px 0 0 5px;
}
.b-content .art-footer ul.art-soc { display: block; float: right; margin: 0 30px 0 30px;
}
.b-content .art-footer ul.art-soc li { display: inline-block; width: 15px; height: 15px; margin: 0 0 0 13px; border: 0px solid blue; background: url("http://fs61.www.ex.ua/get/395294271544/247439233/sprite_x54.png"); cursor: pointer;
}
.b-content .art-footer ul.art-soc li:hover { position: relative; top: 2px;
}
.b-content ul.art-soc li.sc-wheel { background-position: -39px -100px;
}
.b-content ul.art-soc li.sc-facebook { background-position: -69px -100px;
}
.b-content ul.art-soc li.sc-twitter { background-position: -98px -100px;
}
.b-content ul.art-soc li.sc-mail { background-position: -131px -100px;
}
.b-content div.ar-img-girl { background-color: #f9f9fb;
}
.b-content div.ar-with-bg { background: url("http://fs141.www.ex.ua/get/195169960556/247523878/post-bg-1.png") no-repeat; background-size: cover; background-color: #f9f9fb;
}
/* .b-content div.ar-img-girl img {width: 358px; height: 715px;} */
.b-content div.ar-standart {}
/* .b-content div.ar-standart .ico { margin-top: -23px;
} */
.b-content div.ar-standart div.readmore { margin-top: 25px;
}
.b-content div.ar-quote { background-color: #212429;
/* margin-top: 50px; */
/* margin-bottom: 15px; */
}
.b-content div.ar-quote p.p-quote { color: #fff; margin: 30px 15px 0;
}
.b-content div.ar-quote h5.h5-quote { text-align: center; margin: 20px auto 35px;
}
.b-content div.ar-quote.ar-link p.p-quote { text-align: center; margin: 65px 15px 65px;
}
.b-content .article img.img-standart { /* width: 358px; */ width: 100%; display: block; margin-bottom: -18px;
}
.b-content .article img.img-standart.img-portrait { margin-bottom: 0px;
}
.b-content .article img.img-4in1 { width: 48.8%; margin: 0px 2px; display: inline-block;
}
.b-content .article img:nth-child(3),
.b-content .article img:nth-child(4) { margin-bottom: -22px;
}
.b-content .article div.round-img {
/* width: 137px; height: 137px; */ width: 38%; height: 38%; margin: 0 auto 157px; border-radius: 50%; border: 0px solid red; overflow: hidden;
}
.b-content .article div.round-img img { width: 100%;
}
.b-content .article .div-iframe { height: 250px; border: 1px solid white; /* border-radius: 10px; */ /*margin: 10px 0 0px 88px;*/
}
.b-content .article .div-iframe iframe { width: 100%; height: 100%;
}
/* .b-content .article p.p-film { margin-bottom: 36px;
} */
section.b-footer {
/* min-width: 1660px; */ width: 100%;
/* height: 370px; */ padding-top: 55px ; color: #f7f7f7; background-color: #212429; border: 0px solid blue;
}
/* section.b-footer div.others { height: 315px; padding: 55px 35px 0 35px; color: #f7f7f7; border: 0px solid red;
} */
.b-footer .oth { display: inline-block; vertical-align: top; width: 23.8%; margin: 0 0.5%; border: 0px solid blue;
}
.b-footer .oth:first-child { margin-left: 0;
}
.b-footer .oth:last-child { margin-right: 0;
}
.b-footer img { width: 360px;
}
.b-footer p.w-text { margin: 27px 0 7px 0px; font-size: 13px;
/* text-align: justify; */ border: 0px solid red;
}
.b-footer h6 { font-size: 13px; font-weight: 400; text-transform: none;
}
.b-footer div.tweet { padding: 31px 0 0 0;
}
.b-footer div.tweet:before { content: ''; background-image: url("http://fs61.www.ex.ua/get/395294271544/247439233/sprite_x54.png"); background-repeat: no-repeat; background-position: -80px -69px; margin: 0 5px; left: 0; top: 4px; position: relative; width: 16px; height: 16px; display: inline; display: inline-block; float: left;
}
.b-footer .oth.latest-tweets p.w-text { margin: 8px 0 0 25px;
}
.b-footer .oth.follow-me img { margin: 37px 0 0 0;
}
.b-footer .oth.latest-comment div.co { padding: 27px 0 15px 0;
}
.b-footer .oth.latest-comment div.co:nth-child(2) { border-bottom: 1px solid white;
/* background-color: red; */
}
.b-footer .oth.latest-comment div.co:nth-child(3) {
margin: -12px 0 0 0px;
}
.b-footer .oth.latest-comment p.w-text { margin: -0px 0 0 0px; padding: 0px 0 5px 0;
}
.b-footer .oth.latest-comment p.w-text.co-text { margin: -0px 0 0 0px; padding: 0px 0 15px 0;
}
section.b-copyright {
/* min-width: 1640px; */ height: 20px; padding: 10px; color: #747577; background-color: #17191c; border: 0px solid blue;
}
.b-copyright span { padding: 0 15px 0 15px;
}
.b-copyright a.link { text-decoration: none; text-transform: uppercase; color: #747577; padding: 0 15px 0 15px;
}
.b-copyright a.link:hover { color: #fff;
}
.b-copyright a.link:before { content: "|"; position: relative; left: -15px;
}
@media screen and (max-width: 1570px) {
body { background-color: red; }
section.b-content { height: 2190px; margin: 27px 0 0 0; padding: 45px 0 60px 0; background-color: #f9f9fb;
}
.b-content .main { max-width: 1160px;
}
section.b-footer { width: 100%; color: #f7f7f7; background-color: #212429; border: 0px solid blue;
}
/* section.b-footer div.others { padding: 55px 35px 0 35px; color: #f7f7f7; border: 0px solid red;
} */
.b-footer .oth { display: inline-block; vertical-align: top; width: 24%; margin: 0 2%; border: 0px solid blue;
}
.b-footer .oth:nth-child(2n) { margin: 5px 16% 45px 8%;
}
.b-footer .oth:nth-child(2n-1) { margin: 5px 8% 45px 16%;
}
@media screen and (max-width: 1180px) {
body { background-color: green; }
section.b-content { height: 3190px; margin: 27px 0 0 0; padding: 45px 0 60px 0; background-color: #f9f9fb;
}
.b-content .main { max-width: 780px;
}
}
/* @media screen and (max-width: 790px) {
body { background-color: blue; }
section.b-content { height: 6400px; margin: 27px 0 0 0; padding: 45px 0 60px 0; background-color: #f9f9fb;
}
.b-content .main { max-width: 360px;
}
} */

A Pen by Alexander - Script Codes JS Codes

$(document).ready(function (){
///alert ('ddd');
$('.slick-list').slick({ аccessibility: true, dots: true, infinite: true, slidesToShow: 1, slidesToScroll: 1, speed: 1500, draggable: true, arrows: true, fade: true, cssEase: 'linear', prevArrow: '.sl-next', nextArrow: '.sl-prev', initialSlide: 0,
// vertical: true, // verticalSwiping: true, autoplay: true, autoplaySpeed: 2000
});
});
// $('.single-item').slick();
A Pen by Alexander - Script Codes
A Pen by Alexander - Script Codes
Home Page Home
Developer Alexandr
Username Aortan
Uploaded January 20, 2023
Rating 3
Size 10,161 Kb
Views 6,072
Do you need developer help for A Pen by Alexander?

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!

Alexandr (Aortan) Script Codes
Name
Tooltips
Gamma
A Pen by Alexandr
Color Game of Life
Flexblock
Dir_tree
Background change button
Webkit-scrollbar
My slider
Mastermind
Create amazing love letters 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!