Big-1

Developer
MOHIM
Size
7,671 Kb
Views
14,168
  1. Big-1 Previews
  2. Big-1 HTML Codes
  3. Big-1 CSS Codes

How do I make an big-1?

What is a big-1? How do you make a big-1? This script and codes were developed by MOHIM on 22 November 2022, Tuesday.

Big-1 Previews
IQ Test

Big-1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>big-1</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Oswald|Passion+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<section id="primary"> <div id="primary-content"> <div id="primary-logo"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13942524_649374398552571_447576749_n.png?oh=c93f5ff757284363b23ae09c121ec92d&oe=57AD697C" alt="Mountain View"> </div> <div id="primary-navigation-var"> <ul> <li> <a class="" href="#"> <b>HOME </b> </a> </li> <li> <a href="#news"> <b>ABOUT </b> </a> </li> <li> <a href="#contact"> <b>FEATURES </b> </a> </li> <li> <a href="#about"> <b>PRISING </b> </a> </li> <li> <a class="a" href="#"> <b>REVIEWS </b> </a> </li> <li> <a href="#news"> <b>SCREENSHOTS </b> </a> </li> <li> <a href="#contact"> <b>SUPPORT </b> </a> </li> <li> <button class="primary-button nav-button"> <b>DOWNLOAD </b> </button> </li> </ul> </div> <div id="awesome"> <h1> <span style="color:white">AWESOME </span> <br> <span style="color:#7A9757">APNEW</span> <span style="color:white">MOBILE APP.</span></h1> <P><b><span style="color:white">There are many variations of passages of lorem ipsum avaliable,but the majority have suffered<br> alteration in some form,by injected humour,or randomished words which dont look even<br>there are many variations of passage of Lorm ipsum avaliable.</span></b></P> <button class="download-button downloadbutton"><b>DOWNLOAD</b></button><button class="download-button learn-morebutton"><b>LEARN MORE</b></button></div> <div id="primary-image"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13942678_649752575181420_560681364_n.png?oh=2a5f71bfe912acd8c497a57415f102a5&oe=57AED2F6" alt="Mountain View"> </div> </div> <div id="secondary"> <div id="apple-icon"><i class="fa fa-apple fa-2x" aria-hidden="true"></i> <h3>IOS<br>102K</h3> </div> <div id="download-icon"> <i class="fa fa-cloud-download fa-2x" aria-hidden="true"></i> <h4>DOWNLOAD<br>202K</h4> </div> <div id="android-icon"><i class="fa fa-android fa-2x" aria-hidden="true"></i> <h3>ANDROID<br>100K</h3> </div> <div id="secondary-image"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13942625_649818771841467_1994152450_n.png?oh=fb73d7665a0849a27fe30053c5207f1f&oe=57AEDFAE" alt="Mountain View"></div> <div id="about-apnew"> <h1><b><span style="color:#2D3E50">ABOUT </span><span style="color:#7A9757">APNEW</span></b></h1><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13989587_649959171827427_2110522720_n.png?oh=8e3b3342ab84bbab1e7b84806f5387a7&oe=57AEA61A" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p></div> <div id="apnew-image"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/14017585_649860305170647_930493657_n.png?oh=a93b8fde5cca1e5d8d3129c969351e1d&oe=57AEA479" alt="Mountain View"> </div> <div id="best-mobile-app"><h1>BEST <span style="color:#7A9757">MOBILE APP</span></h1><p style="color:#515F5F;">But i must explain to you how all this mistaken idea of denouncing<br> pleasure and praising pain was born and i will give you a complete ac-<br>count of the system and expound the actual teachings of the great<br> explorer of the truth,the master builder of human happiness.No one<br> rejects dislikes,<br><br>mistaken idea of decouncing pleasure and prising pain was born and i <br>will give you a complete account of the system and expound the</p><button class="download-button downloadbutton"><b>DOWNLOAD</b></button> <button class="download-button learn-morebutton"><b>LEARN MORE</b></button> </div> </div> <div id="propen"> <div id="customize"> <div id="setting-icon"><i class="fa fa-cog fa-3x" aria-hidden="true"></i> </div> <h1>Easy To Customize</h1> <p>There are many variatuions of passages of Lorem<br> ipsum available but the majority have suffered<br> alteration in some form,by instead humour</p> </div> <div id="user"> <div id="love-icon"><i class="fa fa-heart fa-3x" aria-hidden="true"></i> </div> <h1>User Friendly</h1> <p>There are many variatuions of passages of Lorem<br> ipsum available but the majority have suffered<br> alteration in some form,by instead humour</p> </div> <div id="support"> <div id="clock-icon"><i class="fa fa-clock-o fa-3x" aria-hidden="true"></i> </div> <h1>24/7 Support</h1> <p>There are many variatuions of passages of Lorem<br> ipsum available but the majority have suffered<br> alteration in some form,by instead humour</p> </div> </div> <div id="butene"> <div id="awesome-features"> <h1><span style="color:#2D3E50;">AWESOME</span> <span style="color:#7A9757;">FEATURES</span></h1><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13989587_649959171827427_2110522720_n.png?oh=8e3b3342ab84bbab1e7b84806f5387a7&oe=57AEA61A" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p></div> <div id="newaz-iamge"><img src="" alt="Mountain View"></div> <div id="unlimited-features"><div id="note-icon"><i class="fa fa-file-text-o fa-3x" aria-hidden="true" ></i></div><h1>Unlimited Features</h1><p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,<br>by injected humour,available</b></p></div> <div id="high-resolution"><div id="sun-icon"><i class="fa fa-sun-o fa-3x" aria-hidden="true" ></i></div><h1>High Resolution</h1><p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,<br>by injected humour,available</b></p></div> <div id="modern-design"><div id="light-icon"><i class="fa fa-lightbulb-o fa-3x" aria-hidden="true" ></i></div><h1>Modern Design</h1><p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,<br>by injected humour,available</b></p></div> <div id="unique-design"><div id="tv-icon"><i class="fa fa-television fa-3x" aria-hidden="true" ></i></div><h1>Unique Design</h1><p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,<br>by injected humour,available</b></p></div> <div id="clean-code"><div id="html-5-icon"><i class="fa fa-html5 fa-3x" aria-hidden="true" ></i></div><h1>Clean Code</h1><p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,<br>by injected humour,available</b></p></div> </div> <div id="pentene"><div id="download-latest-app"><h1><span style="color:WHITE;">DOWNLOAD OUR</span> <span style="color:#7A9757;">LATEST APP</span></h1><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13957416_650030648486946_1053617457_n.png?oh=d568b7614cccacf6ce4b14e2afc3145f&oe=57AFA55E" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p> <button class="store-button app-store-button"><i class="fa fa-apple fa-2x" aria-hidden="true"></i>
Avaliable on the <br><b style="font-size:15px;">APP STORE</b></button> <button class="store-button play-store-button"><i class="fa fa-play fa-2x" aria-hidden="true"></i> Avaliable on the <br><b style="font-size:15px;">PLAY STORE</b></button> <button class="store-button windows-store-button"><i class="fa fa-windows fa-2x" aria-hidden="true"></i>
Avaliable on the <br><b style="font-size:15px;">WINDOWS STORE</b></button></div> </div> <div id="hexen"> <div id="prising-plan"> <h1><span style="color:#2D3E50;">PRISING</span> <span style="color:#7A9757;">PLAN</span></h1><img src="https://scontent.xx.fbcdn.net/v/t34.0-12/14018140_652774008212610_153210846_n.png?_nc_ad=z-m&oh=e5d438610982072af9c303cda9bc7ed0&oe=57B6C4DD" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p></div> <div id ="standard"> <div id="standard-33-month"><h1>STANDARD</h1><h4>$<b style="font-size:50px;">33</b>/month</h4> </div> <h3>One Website<br>One User<br>50 GB Bandwidth<br>1GB Storage<br>24x7 Not Support</h3><button class="sign-up-button signupbutton"><b>SIGN UP</b></button> </div> <div id="personal"> <div id="personal-55-month"> <h1>PERSONAL</h1> <h4>$<b style="font-size:50px;">55</b>/month</h4> </div> <h3>Five Website<br>Five User<br>100 GB Bandwidth<br>2GB Storage<br>24x7 Support</h3><button class="sign-up-button signupbutton"><b>SIGN UP</b></button> </div> <div id="business"> <div id="business-99-month"> <h1>BUSINESS</h1> <h4>$<b style="font-size:50px;">99</b>/month</h4> </div> <h3>Ten Website<br>Ten User<br>500 GB Bandwidth<br>GB Storage<br>24x7 Support</h3><button class="sign-up-button signupbutton"><b>SIGN UP</b></button> </div> <div id="app-reviews"> <h1><span style="color:#2D3E50;">APP</span> <span style="color:#7A9757;">REVIEWS</span></h1><img src="https://scontent.xx.fbcdn.net/v/t34.0-12/14018140_652774008212610_153210846_n.png?_nc_ad=z-m&oh=e5d438610982072af9c303cda9bc7ed0&oe=57B6C4DD" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p></div> <div id="circle-picture-1"><img src="https://scontent.xx.fbcdn.net/v/t34.0-12/13988669_652804284876249_298086871_n.png?_nc_ad=z-m&oh=fdb8e321b99c64e1dd0d3b6c09d1da87&oe=57B5B8C0" alt="Mountain View">
</div><div class="tooltip"> <img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/14030793_652804291542915_700899109_n.png?oh=8f8fb7137e22a957afcc11b0b7025f19&oe=57B6936E" alt="Mountain View"> <span class="tooltiptext">M S NEWAZ<br><span style="color:red;"><i class="fa fa-star" aria-hidden="true"></i></span><span style="color:red;"><i class="fa fa-star" aria-hidden="true"></i></span><span style="color:red;"><i class="fa fa-star" aria-hidden="true"></i></span><span style="color:red;"><i class="fa fa-star" aria-hidden="true"></i></span><span style="color:red;"><i class="fa fa-star" aria-hidden="true"></i></span><p>There are many variations of passages of lorem ipsum available,but the majority have suffered,<br>alteration in some form,by injected humour,or randomished words dont look even slightly<br>believable</p></span>
</div> <div id="circle-picture-3"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/14018078_652804288209582_214054812_n.png?oh=91ea074ce6f64572219fda8017ab98a9&oe=57B5AF87" alt="Mountain View">
</div><div id="app-screenshots"><h1><span style="color:#2D3E50;">APP</span> <span style="color:#7A9757;">SCREENSHOTS</span></h1><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/14018140_652774008212610_153210846_n.png?oh=6dce2f7796486f6b0abcfbb9a0046eab&oe=57B6C4DD" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p></div> <div id="screenshots-image-1"><img src="https://scontent.xx.fbcdn.net/v/t34.0-12/14011875_652810801542264_1383009903_n.png?_nc_ad=z-m&oh=034c4354985a8f35258405f956518c98&oe=57B6DDA3" alt="Mountain View">
</div><div id="screenshots-image-2"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/14031087_652810798208931_1525657149_n.png?oh=7607a6842a693eda3683e8291eb5d778&oe=57B5C5E9" alt="Mountain View">
</div> <div id="screenshots-image-3"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/14055612_652810804875597_164113560_n.png?oh=9b3fd0c41c2bdae7e975db814b07969d&oe=57B68A46" alt="Mountain View">
</div> </div> <div id="hepten"> <div id="get-in-touch"><h1><span style="color:#FFFFFF;">GET IN</span> <span style="color:#7A9757;">TOUCH</span></h1><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/13989579_652794838210527_857358038_n.png?oh=8f98cc4fc6bddfe2492b7b2cad12d179&oe=57B6A073" alt="Mountain View"> <p><b>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</b></p></div> <div id="say-hello"><h1>SAY HELLO!</h1><div id="name-form"> <input type="text" name="search" placeholder="Name"></div><div id="email-form"> <input type="text" name="search" placeholder="Email"></div><div id="message-form"> <input type="text" name="search" placeholder="Message"></div><div id="submit-button"><button class="submit-button submitbutton">SUBMIT</button> </div></div> <div id="contact-us"><h1>CONTACT US</h1><i class="fa fa-phone fa-2x call" aria-hidden="true"></i><p style=" color:white;">+012 345 678 102<br>+012 345 678 102</p><i class="fa fa-globe fa-2x globe" aria-hidden="true"></i><p style=" color:white;">[email protected]<br>urwebsitename.com</p><i class="fa fa-map-marker fa-2x location" aria-hidden="true"></i><p style=" color:white;">ur address goes here<br>street,crossroad123</p> </div> <div id="newsletter"><h1><span style="color:#FFFFFF;">SUBSCRIBE FOR OUR NEWSLETTER</span> </h1> <p>There are many variations of passage of Lorem Ipsum avaialable,<br>but the majority have suffered aiteration in some form,by injected humour,available</p></div> <div id="email-sign-up"> <div id="form"> <input type="text" name="search" placeholder="Your email address here..."> </div> <div id="signup"> <button class="sign-upbutton signupbutton"><b>SUBSCRIBE</b> </button> </div> </div> <div id="social-nav-var"> <ul> <li> <a class="active" href="#home"> <i class="fa fa-facebook fa-1x" aria-hidden="true"> </i> </a> </li> <li> <a class="twitter" href="#news"> <i class="fa fa-twitter fa-1x" aria-hidden="true"> </i> </a> </li> <li> <a class="in" href="#contact"> <i class="fa fa-linkedin fa-1x" aria-hidden="true"> </i> </a> </li> <li> <a class="active" href="#home"> <i class="fa fa-facebook fa-1x" aria-hidden="true"> </i> </a> </li> <li> <a class="twitter" href="#news"> <i class="fa fa-twitter fa-1x" aria-hidden="true"> </i> </a> </li> <li> <a class="in" href="#contact"> <i class="fa fa-linkedin fa-1x" aria-hidden="true"> </i> </a> </li> </ul> <p style="color:white;">Copyright @ 2016 Devitems</p> </div> </div>
</section>
</body>
</html>

Big-1 - Script Codes CSS Codes

 #primary-content { height: 1200px; background-color: #2D3E50; border: 1px solid black; } #secondary { height: 1200px; border: 1px solid black; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, -0.3, 0, 1, 0, 4); /* Standard syntax */ background-color: #FFFFFF; margin-top: -275px; } #primary-logo { margin-top: 70px; float: left; margin-left: 0px; } #primary-navigation-var { float: left; margin-left: 0px; margin-top: 70px; } #primary-navigation-var ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #2D3E50; } #primary-navigation-var li { float: left; } #primary-navigation-var li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 12px; } #primary-navigation-var li a:hover { background-color: ; border-bottom: 2px solid #7A9757; } #primary-navigation-var .primary-button { background-color: #7A9757; /* Green */ border: none; color: white; padding: 1px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; margin-top: 10px; } #primary-navigation-var .nav-button { border-radius: 8px; } #awesome { float: left; } #awesome h1 { font-family: 'Passion One', cursive; font-family: 'Oswald', sans-serif; font-size: 80px; margin-left: 000px; } #awesome p { margin-top: -50px; margin-left: 00px; } #primary-image { float: left; margin-top: 150px; margin-left: 00px; } #download-botton {} .download-button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 35px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; FONT-SIZE: 15PX; margin-left: 30px; position: relative; right: 0px; } .downloadbutton { border-radius: 4px; background-color: #7A9757; color: white; } .learn-morebutton { border-radius: 4px; background-color: #FFFFFF; color: #2D3E50; } #apple-icon { border: 3px solid white; padding: 20px 50px; background: #7A9757; width: 50px; border-radius: 200px; float: left; margin-left: 00px; margin-top: -90px; color: white; transform: matrix(1, 0.3, 0, 1, 0, 4); } #download-icon { border: 3px solid white; padding: 20px 50px; background: #7A9757; width: 50px; border-radius: 200px; float: left; margin-left: 000px; margin-top: -90px; color: white; transform: matrix(1, 0.3, 0, 1, 0, 4); } #download-icon h4 { margin-left: -20px; text-align: center; } #android-icon { transform: matrix(1, 0.3, 0, 1, 0, 4); color: white; border: 3px solid white; padding: 20px 50px; background: #7A9757; width: 50px; border-radius: 200px; float: left; font-size: 15px; margin-left: 00px; margin-top: -90px; } #android-icon h3 { text-align: center; margin-left: -15px; } #secondary-image { float: left; margin-left: 0px; } #about-apnew { text-align: center; float: left; margin-left: 0px; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, 0.3, 0, 1, 0, 4); } #about-apnew img { margin-top: -20px; } #about-apnew h1 { font-family: 'Montserrat', sans-serif; font-size: 38px; } #apnew-image { float: left; margin-left: 0px; transform: matrix(1, 0.3, 0, 1, 0, 4); margin-top: -20px; } #best-mobile-app { float: left; transform: matrix(1, 0.3, 0, 1, 0, 4); margin-top: 250px; margin-left: 0px; } #best-mobile-app h1 { font-family: 'Montserrat', sans-serif; font-size: 35px; } #best-mobile-app .download-button { background-color: #7A9757; /* Green */ border: none; color: white; padding: 15px 35px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; FONT-SIZE: 15PX; margin-left: 0px; position: relative; right: 30px; } #best-mobile-app .best-downloadbutton { border-radius: 4px; background-color: red; color: white; } #best-mobile-app .learn-morebutton { border-radius: 4px; background-color: #FFFFFF; color: #2D3E50; border: 1px solid #7A9757; } #propen { height: 500px; border: 1px solid black; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, -0.3, 0, 1, 0, 4); /* Standard syntax */ background-color: #F0F0F0; margin-top: 0px; } #setting-icon { border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-left: 50px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #setting-icon i { margin-left: 0px; margin-top: 15px; color: white; } #customize { border: 0px solid red; width: 400px; text-align: center; float: left; margin-top: 150px; margin-left: 0px; } #customize h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; font-size: 20px; color: #4C595F; } #customize p { transform: matrix(1, 0.3, 0, 1, 0, 4); color: #4C595F; } #love-icon { transform: matrix(1, 0.3, 0, 1, 0, 4); border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-left: 0px; } #love-icon i { margin-left: 0px; margin-top: 23px; color: white; } #user { border: 0px solid red; width: 400px; text-align: center; float: left; margin-top: 100px; } #user h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; font-size: 20px; color: #4C595F; } #user p { transform: matrix(1, 0.3, 0, 1, 0, 4); color: #4C595F; } #clock-icon { border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-left: 0px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #clock-icon i { margin-left: 10px; margin-top: 24px; color: white; } #support { border: 0px solid red; width: 400px; text-align: center; float: left; margin-top: -300px; margin-left:0px; } #support h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; font-size: 20px; color: #4C595F; } #support p { transform: matrix(1, 0.3, 0, 1, 0, 4); color: #4C595F; } #butene { height: 1500px; border: 1px solid black; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, -0.3, 0, 1, 0, 4); /* Standard syntax */ background-color: #FFFFFF; margin-top: 0px; } #awesome-features h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: 130px; font-family: 'Montserrat', sans-serif; font-size: 38px; } #awesome-features p { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; color: #4C5660; } #awesome-features img { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: -30px; float: left; margin-left: 0px; } #newaz-iamge { float: left; margin-top: 10px; margin-left: 150px; } #note-icon { border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-top: 35px; float: left; margin-right: 70px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #note-icon i { margin-left: 0px; margin-top: 23px; color: white; float: left; } #unlimited-features {} #unlimited-features h1 { font-size: 25px; transform: matrix(1, 0.3, 0, 1, 0, 4); color: #4C595F; margin-top: 60px; font-family: 'Montserrat', sans-serif; } #unlimited-features p { color: #4C595F; transform: matrix(1, 0.3, 0, 1, 0, 4); } #sun-icon { border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-top: 35px; float: left; margin-right: 70px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #sun-icon i { margin-left: 00px; margin-top: 25px; color: white; float: left; } #high-resolution { position: relative; left: 120px; top: 50px; } #high-resolution h1 { color: #4C595F; font-size: 25px; transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; margin-top: 60px; } #high-resolution p { color: #4C595F; transform: matrix(1, 0.3, 0, 1, 0, 4); } #light-icon { transform: matrix(1, 0.3, 0, 1, 0, 4); border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-top: 35px; float: left; margin-right: 70px; } #light-icon i { margin-left: 35px; margin-top: 27px; color: white; float: left; } #modern-design { position: relative; left: 150px; top: 80px; } #modern-design h1 { color: #4C595F; font-size: 25px; transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; margin-top: 60px; } #modern-design p { color: #4C595F; transform: matrix(1, 0.3, 0, 1, 0, 4); } #tv-icon { transform: matrix(1, 0.3, 0, 1, 0, 4); border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-top: 35px; float: left; margin-right: 70px; } #tv-icon i { margin-left: 20px; margin-top: 25px; color: white; float: left; } #unique-design { position: relative; left: 0px; top: 50px; } #unique-design h1 { color: #4C595F; font-size: 25px; transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; margin-top: 60px; } #unique-design p { color: #4C595F; transform: matrix(1, 0.3, 0, 1, 0, 4); } #html-5-icon { transform: matrix(1, 0.3, 0, 1, 0, 4); border-radius: 35px 35px 0px 50px; background: #799855; padding: 2px; width: 100px; height: 100px; margin-top: 0px; float: left; margin-right: 70px; margin-left: 0px; } #html-5-icon i { margin-left: 28px; margin-top: 25px; color: white; float: left; } #clean-code { position: relative; float: right; right: 0px; top: 50px; } #clean-code h1 { color: #4C595F; font-size: 25px; transform: matrix(1, 0.3, 0, 1, 0, 4); font-family: 'Montserrat', sans-serif; margin-top: 60px; } #clean-code p { color: #4C595F; transform: matrix(1, 0.3, 0, 1, 0, 4); } #pentene { height: 600px; border: 1px solid black; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, -0.3, 0, 1, 0, 4); /* Standard syntax */ background-color: #415063; margin-top: 0px; } #download-latest-app h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: 130px; font-family: 'Montserrat', sans-serif; font-size: 38px; } #download-latest-app p { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; color: white; } #download-latest-app img { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: -30px; float: left; margin-left: 0px; } .store-button { background-color: #4CAF50; /* Green */ float: left; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; transform: matrix(1, 0.3, 0, 1, 0, 4); margin-left: 0px; } .app-store-button { padding: 10px 37px; border-radius: 5px; margin-top: -60px; margin-left: 0px; background-color: #7A9757; } .play-store-button { padding: 10px 20px; border-radius: 5px; margin-top: 40px; background-color: #415063; border: 1px solid; } .windows-store-button { padding: 10px 47px; border-radius: 5px; margin-top: 150px; background-color: #415063; border: 1px solid; } #hexen { height: 2300px; border: 1px solid black; -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); /* IE 9 */ -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); /* Safari */ transform: matrix(1, -0.3, 0, 1, 0, 4); /* Standard syntax */ background-color: #FFFFFF; margin-top: 0px; } #prising-plan h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: 90px; font-family: 'Montserrat', sans-serif; font-size: 38px; } #prising-plan p { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; color: #4C5660; } #prising-plan img { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: -30px; float: left; margin-left:650px; } #standard { border: 1px solid red; float: left; width: 250px; height: 440px; transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-left: 200px; margin-top: -30px; box-shadow: 3px 15px 15px 15px #1D1F20; } #standard h3 { margin-top: 40px; margin-bottom: 50px; font-family: 'Josefin Sans', sans-serif; color: #2D3E50; } #standard-33-month { text-align: center; background-color: #2D3E50; height: 150px; color: #FFFFFF; } #standard-33-month h1 { margin-top: -0px; font-family: 'Montserrat', sans-serif; font-size: 25px; } #personal { border: 1px solid red; float: left; width: 300px; height: 560px; transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-left: 50px; margin-top: 30px; box-shadow: 3px 15px 15px 15px #1D1F20; } #personal h3 { margin-top: 40px; margin-bottom: 50px; font-family: 'Josefin Sans', sans-serif; color: #2D3E50; } #personal-55-month { text-align: center; background-color: #2D3E50; height: 150px; color: #FFFFFF; } #personal-55-month h1 { margin-top: -0px; font-family: 'Montserrat', sans-serif; font-size: 25px; } #business { border: 1px solid red; float: left; width: 250px; height: 440px; transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-left: 50px; margin-top: 150px; box-shadow: 3px 15px 15px 15px #1D1F20; } #business h3 { margin-top: 40px; margin-bottom: 50px; font-family: 'Josefin Sans', sans-serif; color: #2D3E50; } #business-99-month { text-align: center; background-color: #2D3E50; height: 150px; color: #FFFFFF; } #business-99-month h1 { margin-top: -0px; font-family: 'Montserrat', sans-serif; font-size: 25px; } #app-reviews { float: left; margin-left: 350px; } #app-reviews h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: 80px; font-family: 'Montserrat', sans-serif; font-size: 38px; } #app-reviews p { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; color: #4C5660; } #app-reviews img { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: -30px; float: left; margin-left: 260px; } .sign-up-button { background-color: #2D3E50; /* Green */ border: none; color: white; padding: 10px 30px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer; } .signupbutton { border-radius: 12px; } #circle-picture-1 { float: left; margin-left: 400px; margin-top: 30px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #circle-picture-3 { float: left; margin-left: 0px; margin-top: 130px; transform: matrix(1, 0.3, 0, 1, 0, 4); } .tooltip { float: left; margin-left: 0px; margin-top: 60px; position: relative; display: inline-block; border-bottom: 1px dotted black; transform: matrix(1, 0.3, 0, 1, 0, 4); } .tooltip .tooltiptext { visibility: hidden; width: 720px; background-color: #F0F0F0; color: black; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 100%; left: -140%; margin-left: 0 0px; text-align: center; } .tooltip .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } #app-screenshots { float: left; margin-left: -440px; margin-top: 350px; } #app-screenshots h1 { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: 80px; font-family: 'Montserrat', sans-serif; font-size: 38px; } #app-screenshots p { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; color: #4C5660; } #app-screenshots img { transform: matrix(1, 0.3, 0, 1, 0, 4); text-align: center; margin-top: -30px; float: left; margin-left: 260px; } #screenshots-image-1 { float: left; margin-top: 0px; margin-left: 200px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #screenshots-image-2 { float: left; margin-top: 0px; margin-left: 50px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #screenshots-image-3 { float: left; margin-top: 140px; margin-left: 50px; transform: matrix(1, 0.3, 0, 1, 0, 4); } #hepten { height: 1500px; background-color: #354859; border: 1px solid black; margin-top: -280px; } #get-in-touch h1 { margin-right: -190px; text-align: center; margin-top: 290px; font-family: 'Montserrat', sans-serif; font-size: 38px; } #get-in-touch p { margin-left:200px; margin-top: 10px; text-align: center; color: #FFFFFF; } #get-in-touch img { text-align: center; margin-top:-30px; float: left; margin-left: 740px; } #say-hello { float: left; margin-top: 100px; margin-left: 250px; } #name-form input[type=text] { width: 400px; box-sizing: border-box; border: 2px solid white; border-radius: 8px; font-size: 16px; background-color: #344E5B; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; } #email-form input[type=text] { width: 400px; box-sizing: border-box; border: 2px solid white; border-radius: 8px; font-size: 16px; background-color: #344E5B; background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; } #message-form input[type=text] { width: 400px; box-sizing: border-box; border: 2px solid white; border-radius: 8px; font-size: 16px; background-color: #344E5B; background-position: 10px 10px; background-repeat: no-repeat; padding: 92px 20px 12px 40px; } .submit-button { background-color: #7A9757; /* Green */ border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; margin-top: 40px; } .submitbutton { padding: 15px 165px; border-radius: 12px; } #say-hello h1 { font-family: 'Montserrat', sans-serif; font-size: 25px; color: white; } #name-form { margin-top: 30px; } #email-form { margin-top: 20px; } #message-form { margin-top: 20px; } #contact-us {} #contact-us h1 { font-family: 'Montserrat', sans-serif; font-size: 25px; color: white; } .call { border-radius: 35px 35px 0px 90px; background: #7A9757; padding-left: 20px; padding-top: 10px; width: 45px; height: 50px; margin-left: 0px; margin-top: 0px; color: white; float: left; } .globe { border-radius: 35px 35px 0px 90px; background: #7A9757; padding-left: 20px; padding-top: 10px; width: 45px; height: 50px; margin-left: -50px; margin-top: 20px; color: white; float: left; } .location { border-radius: 35px 35px 0px 90px; background: #7A9757; padding-left: 20px; padding-top: 10px; width: 45px; height: 50px; margin-left: -60px; margin-top: 30px; color: white; float: left; } #contact-us { float: left; margin-left: 200px; margin-top: 110px; } #contact-us p { margin-left: 130px; margin-top: 20px; } #newsletter h1 { margin-right: -130px; text-align: center; margin-top: 640px; font-family: 'Montserrat', sans-serif; font-size: 30px; } #newsletter p { margin-left: 100px; margin-top: 10px; text-align: center; color: #FFFFFF; } .sign-upbutton { background-color: WHITE; /* Green */ border: 1PX SOLID; color: #354859; padding: 20px 40px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; margin-left: 470px; margin-top: -20px; } .signupbutton { border-radius: 15px; } .signupbutton:hover { background-color: #DE1C1D; } #form input[type=text] { width: 500px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 15px; font-size: 16px; background-color: #37495D; padding: 15px 20px 22px 40px; } #form { border: 0px solid red; margin-top: 100px; } #signup { border: 0px solid red; margin-top: -42px; } #email-sign-up { margin-left: 340px; margin-top: -40px; } #social-nav-var { floar: left; margin-left: 450px; margin-top: 20px; } #social-nav-var ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #354859; } #social-nav-var li { float: left; margin-left: 10px; } #social-nav-var li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; border-radius: 30px; border: 1px solid white; margin-left: 2px; } .active:hover { background-color: blue; color: white; } .twitter:hover { background-color: cyan; color: white; } .in:hover { background-color: red; color: ; } #social-nav-var p { margin-left: 90px; }
Big-1 - Script Codes
Big-1 - Script Codes
Home Page Home
Developer MOHIM
Username MOHIM
Uploaded November 22, 2022
Rating 3
Size 7,671 Kb
Views 14,168
Do you need developer help for Big-1?

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!

MOHIM (MOHIM) Script Codes
Name
Jq_xam
Juice
Our services
Section-2
Confidence
New
Project_one
A Pen by MOHIM
Portfolio
Bulsy
Create amazing SEO 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!