GET PREMIUM

Developer
Juan Lois
Size
5,122 Kb
Views
8,096
  1. GET PREMIUM Previews
  2. GET PREMIUM HTML Codes
  3. GET PREMIUM CSS Codes

How do I make an get premium?

What is a get premium? How do you make a get premium? This script and codes were developed by Juan Lois on 22 January 2023, Sunday.

GET PREMIUM Previews
IQ Test

GET PREMIUM - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>GET PREMIUM</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,900|Stardos+Stencil'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header> <div class="container"> <div class="brand"> <a href="#"><img alt="" title="" src="https://bewebestudio.es/wp-content/uploads/logotipo-influencerlife-header.png"></div> <nav> <ul class="main-menu"> <li class="first leaf tn-has-mega-menu menu-item"><a href="https://bewebestudio.es/">Home</a></li> <li class="leaf active-trail menu-item"><a href="/influencer-list" class="active-trail active">Influencer</a></li> <li class="last leaf menu-item"><a href="#">Explore</a></li> <li class="last leaf menu-item"><a href="#"><input></input></a></li>
</ul> </nav> <div class="user"><a href="#"><img src="http://influencer.marcadigital360.com/sites/default/files/IMG_perfil_2.jpg" alt="Lorena Garcia" title="Lorena" garcia="">Juan Lois Bocos</a> <ul> <li><a href="#">Wall</a></li> <li><a href="#">Latest</a></li> <li><a href="#">Trending</a></li> <li><a href="#">See again</a></li> <li><a href="https://codepen.io/beweb/pen/qRzmBx">Following</a></li> <li><a href="#">User</a></li> </ul></div> <div class="getpremium"><a href="#">Get Premium</a></div> </div>
</header>
<div class="baner" >
<div class="container"> <div class="col-sm-8 float title"><h1><a href="#">GET <br><strong>PREMIUM</strong></a></h1></div> <div class="col-sm-4 float diamante"><img alt="get-premium" src="https://bewebestudio.es/wp-content/uploads/influencerlife-premium.png"></div> </div>
</div>
<div class="content-max-width productos"> <h2 class="col-sm-12">Choose your plan</h2>
<div class=""> <article class="producto col-sm-3"> <div class="col-sm-12 content-producto"> <h3><a title="Paquete 1" href="#">1 <br> mes</a></h3> <div class="diamante"><img src="https://bewebestudio.es/wp-content/uploads/diamante.png" ></div> <span class="precio"><strike>15€</strike></span> <span class="precio">free</span> </div> <div class="col-sm-4 border-center "> </div> <div class="col-sm-4 float"><a class="get-button col-sm-4 float" href="#">GET</a></div> <div class="col-sm-4 border-center "> </div> </article> <article class="producto col-sm-3"> <div class="col-sm-12 content-producto"> <h3><a title="Paquete 1" href="#">6 <br> meses</a></h3> <div class="diamante"><img src="https://bewebestudio.es/wp-content/uploads/diamante.png" ></div> <span class="precio"><strike>140€</strike></span> <span class="precio">free</span> </div> <div class="col-sm-4 border-center "> </div> <div class="col-sm-4 "><a class="get-button col-sm-4 float" href="#">GET</a></div> <div class="col-sm-4 border-center "> </div> </article> <article class="producto col-sm-3"> <div class="col-sm-12 content-producto"> <h3><a title="Paquete 1" href="#">12 <br> meses</a></h3> <div class="diamante"><img src="https://bewebestudio.es/wp-content/uploads/diamante.png" ></div> <span class="precio"><strike>190€</strike></span> <span class="precio">80€</span> </div> <div class="col-sm-4 border-center "> </div> <div class="col-sm-4"><a class="get-button col-sm-4 float" href="#">GET</a></div> <div class="col-sm-4 border-center "> </div> </article> <article class="producto col-sm-3"> <div class="col-sm-12 content-producto"> <h3><a title="Paquete 1" href="#">24 <br> meses</a></h3> <div class="diamante"><img src="https://bewebestudio.es/wp-content/uploads/diamante.png" ></div> <span class="precio"><strike>300€</strike></span> <span class="precio">200€</span> </div> <div class="col-sm-4 border-center "> </div> <div class="col-sm-4 "><a class="get-button col-sm-4 float" href="#">GET</a></div> <div class="col-sm-4 border-center "> </div> </article>
</div>
</div>
<div class="content-center col-sm-12"> <div class="ventajas"> <h4>Ventajas de ser premium</h4> <ul> <li class="col-sm-4"> Acceso a contenidos premium</li> <li class="col-sm-4"> Contenidos personalizados</li> <li class="col-sm-4"> Seguir a Influencers</li> <li class="col-sm-4"> Comentar en los post</li> <li class="col-sm-4"> Ut consectetur</li> <li class="col-sm-4"> Ut consectetur</li> </ul> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae bibendum tortor. Donec vel ante vel arcu varius lobortis ac ut turpis. Donec laoreet mi eu euismod semper. Cras sed purus magna. Phasellus mattis, elit tincidunt congue ultrices, massa est hendrerit est, non gravida massa diam at magna. Quisque suscipit dictum ligula non sollicitudin. Cras tempus interdum magna porta dignissim.</p> <p>Curabitur ut massa a ante eleifend auctor vel a justo. Fusce eget risus viverra, sagittis purus et, aliquam justo. Donec odio nisi, vulputate vitae orci ac, semper condimentum lacus. Sed in suscipit ex, ac rhoncus lectus. Vestibulum id neque eget est dignissim ultricies et pharetra odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse felis dui, facilisis non nunc ut, consectetur facilisis odio. Morbi finibus facilisis sagittis.</p>
<p>Nam in augue mollis, mollis urna nec, dictum est. Nullam et sem at purus volutpat molestie sit amet eget felis. Pellentesque et lectus metus. Sed pulvinar purus vel tortor ultrices, eget dictum enim semper. Duis metus enim, interdum vel rhoncus ac, laoreet non turpis. Morbi eleifend neque vel arcu egestas, quis volutpat ligula tincidunt. </p>
</div> <footer> <div class="content-max-width"> <div class="menu menu-footer-1 col-xs-8 col-sm-3"> <h3>Site map</h3> <ul class="col-2"> <li><a href="#">Get premium</a></li> <li><a title="anchortext" href="#">Explore</a></li> <li><a title="anchortext" href="#">Influencers</a></li> <li><a title="anchortext" href="#">Blog</a></li> <li><a title="anchortext" href="#">New Influencer</a></li> <li><a title="anchortext" href="#">Terms&conditions</a></li> <li><a title="anchortext" href="#">Contacto</a></li> <li><a title="anchortext" href="#">Sing Up</a></li> </ul> </div> <div class="menu menu-footer-2 col-xs-4 col-sm-2"> <h3>Categories</h3> <ul> <li><a href="#">Get premium</a></li> <li><a title="anchortext" href="#">Fashion</a></li> <li><a title="anchortext" href="#">Travel</a></li> <li><a title="anchortext" href="#">Lifestyle</a></li> <li><a title="anchortext" href="#">Outfits</a></li> <li><a title="anchortext" href="#">Haul</a></li> <li><a title="anchortext" href="#">MakeUp</a></li> </ul> </div> <div class="menu menu-footer-3 col-xs-8 col-sm-3"> <h3>Outfits</h3> <ul class="col-2"> <li><a title="anchortext" href="#">Weekday</a></li> <li><a title="anchortext" href="#">Fitnes</a></li> <li><a title="anchortext" href="#">Classy</a></li> <li><a title="anchortext" href="#">Casual</a></li> <li><a title="anchortext" href="#">Alternative</a></li> <li><a title="anchortext" href="#">Night</a></li> <li><a title="anchortext" href="#">Retro</a></li> <li><a title="anchortext" href="#">Sporty</a></li> </ul> </div> <div class="menu menu-footer-4 col-xs-4 col-sm-2"> <h3>Blog</h3> <ul> <li><a title="anchortext" href="#">News</a></li> <li><a title="anchortext" href="#">Influencers</a></li> <li><a title="anchortext" href="#">Press</a></li> <li><a title="anchortext" href="#">Curious</a></li> <li><a title="anchortext" href="#">Other</a></li> </ul> </div> <div class="menu menu-footer-5 col-xs-12 col-sm-2"> <h3>Social</h3> <ul> <li><a title="anchortext" href="#">facebook</a></li> <li><a title="anchortext" href="#">Twitter</a></li> <li><a title="anchortext" href="#">Google+</a></li> <li><a title="anchortext" href="#">Instagram</a></li> </ul> </div> </div> <div class="col-md-12 logo-footer"><a href="#" title="home"><img alt="logo-influencerlife" title="logo-influencerlife" src="https://bewebestudio.es/wp-content/uploads/logo-influencerlife-footer-1.png"> </div> </footer> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
</body>
</html>

GET PREMIUM - Script Codes CSS Codes

body{background-color:#111; font-family: 'Nunito Sans', sans-serif;}
h1, h2, h3, h4, h5{font-family: 'Nunito Sans', sans-serif;}
header{z-index:9999; position:relative; display:block; width:auto; overflow:visible; background-color:#fae60c; padding: 5px 0px 10px}
header a{color:#333;}
header a:hover{color:fff;}
header .brand{ width:40px; height:auto; float:left; margin-top:7px; margin-right:30px}
header .brand img{ width:100%; height:auto; }
header nav{ margin-top: 18px; overflow: visible; width: auto;}
header nav input{margin-top:-7px; border:1px solid #666; -webkit-border-radius: 5px; border-radius: 5px;}
header ul{}
header ul li{float:left; list-style-type:none; padding-right:15px; font-size:17px;}
header ul li a, header ul li a:visited{ color:#000; }
header ul li a:hover{ color:#fff; }
header .getpremium{margin-top:4px; float:right; margin-right:30px;}
header .getpremium a{color:#333;}
header .getpremium a:hover{color:#fff;}
header .user{margin-top:-4px; z-index: 9999; float:right; width:auto; display:block;}
header .user a{ color:#333; }
header .user a:hover{ color:#fff; }
header .user a img{ width:35px; margin-right:10px; -webkit-border-radius: 50%; border-radius: 50%; border:2px #fff solid; }
header .user:hover > ul{ display:block; }
header .user ul{ width:150px; margin:0px 0px 0px 30px; padding:15px; background:rgba(0,0,0,0.8); position:absolute; display:none; border:1px #fff solid; -webkit-border-radius: 5px;border-radius: 5px;}
header .user ul li{font-size:14px; border-bottom:1px solid #333; margin:0px; float:none; padding:7px 0px 5px;}
header .user ul li a{ color:#fff;}
header .user ul li a:hover{ color:#F7CA18;}
.content-center{top:30px; width:100%; max-width:924px; margin: 0px auto 41px; float:none !important; color:#bbb; font-weight:200; position:relative; overflow:hidden; display:block;}
.productos{ overflow: hidden; }
.productos h2{color:#F7CA18; margin-bottom:20px; }
.producto{ float:left; background-clip: content-box; margin-bottom:20px;}
.producto div h3 a{color:#F7CA18;}
.content-producto{ border-top:2px solid #F7CA18; background:#222; padding-top:15px; padding-bottom:15px;}
article:nth-child(2n) .content-producto {border-top:2px solid #fff;}
.content-producto h3 a{color:#fff; text-transform:uppercase;}
.content-producto span{color:#fff;}
.content-producto span strike{color:#888;}
.content-producto .diamante{ margin:20px 0px;}
.content-producto .diamante img{ opacity:0.1; }
.content-producto .diamante img:hover{ opacity:0.5; }
.producto a.get-button{margin-top:15px;display:inline-block;color:#F7CA18; width:100%; text-align:center;}
.producto a:hover.get-button{color:#fff;}
.producto .border-center{ border-top:#fff solid 1px; margin: 24px 0px;}
.baner{ z-index: 9; margin-bottom:50px; width:100%; background-image:url('https://bewebestudio.es/wp-content/uploads/16-get-premium-como-objeto-inteligente-1-1.jpg'); background-size:cover; }
.baner .container{height:450px;}
.baner .container img{max-width:100%;}
.baner .container .diamante{text-align: left; position: relative; top: 46%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.baner .title{text-align: left; position: relative; top: 46%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.baner .title h1 a {color:#fff; font-size:50px; font-family: 'Nunito Sans', sans-serif;}
.float{float:left;}
a, img, article{-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
a:hover{text-decoration:none;}
.ventajas{}
.ventajas h4{ margin-bottom:40px; font-size:25px;}
.ventajas ul{padding-left:0px; overflow:none; display:inline-block; margin-bottom:30px;}
.ventajas ul li{list-style-type:none; background-color:#333; padding:6px 10px; width:29%; margin-right:15px; margin-bottom:20px; color:#F7CA18; font-size:16px; border-left:solid; }
article.producto{}
/*-----FOOTER------------*/
footer{background-image:url('https://bewebestudio.es/wp-content/uploads/influencers_background.jpg'); background-size:cover; background-attachment: fixed; border-top:2px #F7CA18 solid; padding-top:30px; background-color:#333; display: inline-block; width:100%; margin-top:50px;}
footer .menu{display:inline-block;}
.content-max-width{width:100%; max-width:1200px; margin:0px auto; }
footer .content ul{margin-left:0px; padding-left:0px; dialay:block;}
.col-2{-moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; column-count: 2; column-gap: 15px; }
.col-2 li{display: flex; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
footer .menu ul li{ margin-bottom: 8px; list-style-type: none; }
footer .menu ul li a{text-decoration:none; padding: 2px 9px 2px 5px; }
footer .menu-footer-1 ul li a{ color:#fff;}
footer .menu-footer-1 ul li a:hover{ color:#F7CA18; }
footer .menu-footer-3 ul li a, footer .menu-footer-2 ul li a{color:#333; background: #fff; }
footer .menu-footer-3 ul li a:hover, footer .menu-footer-2 ul li a:hover{background: #F7CA18;}
footer .menu-footer-4 ul li a{background: #F7CA18; color:#333;}
footer .menu-footer-4 ul li a:hover{background: #fff; color:#333;}
footer .menu ul{padding:0px;}
footer h3{text-shadow: 1px 1px 1px #333; border-bottom:1px solid #F7CA18; padding-bottom:10px; color:#fff; font-weight:100; margin-bottom:30px }
.logo-footer{text-align:center; margin-top:30px; border-top:2px #F7CA18 solid; padding:20px 0px; display: inline-block; width: 100%;}
GET PREMIUM - Script Codes
GET PREMIUM - Script Codes
Home Page Home
Developer Juan Lois
Username beweb
Uploaded January 22, 2023
Rating 3
Size 5,122 Kb
Views 8,096
Do you need developer help for GET PREMIUM?

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!

Juan Lois (beweb) Script Codes
Name
SIGN UP
Explore
PERFIL
A Pen by Juan Lois
Formulario
Formulario2
Photoseries
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!