Geildanke products
How do I make an geildanke products?
Product widgets for new geildanke.com. What is a geildanke products? How do you make a geildanke products? This script and codes were developed by Michaela on 27 July 2022, Wednesday.
Geildanke products - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>geildanke products</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="product-box-wrapper"> <div class="product-box"> <div class="product-img-wrapper"></div> <div class="product-text-wrapper"> <h2>Portier</h2> <p class="teaser">Cloud based Digital Publishing entitlement server</p> <p>Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Entitle readers for your publication, save 30% by selling past iTunes and get Portier ready for production in minutes. We are looking forward to set up a free test server for you.</p> <button type="button">More infos, please</button> </div> </div> <div class="product-box"> <div class="product-img-wrapper"></div> <div class="product-text-wrapper"> <h2>HTML Store</h2> <p class="teaser">Cloud based Digital Publishing entitlement server</p> <p>Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Entitle readers for your publication, save 30% by selling past iTunes and get Portier ready for production in minutes. We are looking forward to set up a free test server for you. Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Entitle readers for your publication, save 30% by selling past iTunes and get Portier ready for production in minutes. We are looking forward to set up a free test server for you.</p> <button type="button">Buy now</button> </div> </div> <div class="product-box"> <div class="product-img-wrapper"></div> <div class="product-text-wrapper"> <h2>CR8 Publishing</h2> <p class="teaser">Cloud based Digital Publishing entitlement server</p> <p>Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Entitle readers for your publication, save 30% by selling past iTunes and get Portier ready for production in minutes. We are looking forward to set up a free test server for you.</p> <div class="product-img"><p class="product-img-caption">Manage subscription accounts with one or multiple subscription periods. Import and export accounts, deactivate or connect to your existing environment.</p></div> <p>Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Portier is a cloud based subscription server for magazine apps built with Adobe Digital Publishing Suite Enterprise Edition. Entitle readers for your publication, save 30% by selling past iTunes and get Portier ready for production in minutes. We are looking forward to set up a free test server for you.</p> <button type="button">Go to product page</button> </div> </div>
</div> <script src='http://use.typekit.net/qwo7ttu.js'></script> <script src="js/index.js"></script>
</body>
</html>
Geildanke products - Script Codes CSS Codes
@import url(http://fonts.googleapis.com/css?family=Neuton|Raleway|Open+Sans|Merriweather);
@import url(http://weloveiconfonts.com/api/?family=fontawesome|zocial);
/* zocial */
[class*="zocial-"]:before { font-family: 'zocial', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before { font-family: 'FontAwesome', sans-serif;
}
body { background: #EFEFEF; margin: 0 auto; width: 50em; color: #444; font-family: "proxima-nova-alt"; font-size: 18px; line-height: 28px;
}
body html { font-size: 112.5%; line-height: 1.55556em;
}
h1 { padding-top: 84px; padding-bottom: 56px; font-family: "quatro-slab"; font-size: 2.25em; font-weight: 700; line-height: 1.5em;
}
h2 { padding-top: 56px; padding-bottom: 42px; font-family: "quatro-slab"; font-size: 1.5em; font-weight: 700; line-height: 1.5em;
}
h3 { padding-top: 56px; padding-bottom: 42px; font-family: "quatro-slab"; font-size: 1.125em; font-weight: 700; line-height: 1.5em;
}
a { border-bottom: 1px dashed #666; color: #444; font-weight: 700; text-decoration: none;
}
a:hover { border-bottom: 1px solid #666;
}
p { padding-bottom: 28px;
}
blockquote { padding-top: 28px; margin: 0 4em; font-family: "Merriweather"; font-style: italic;
}
blockquote p { padding-bottom: 0;
}
blockquote footer { padding-bottom: 56px; font-family: "Raleway"; font-size: 0.75em; font-style: normal; text-align: right;
}
.teaser { line-height: 1.875em; font-size: 1.25em; font-weight: 700;
}
.team-box { display: inline-block; margin: 1em auto; width: 28%; vertical-align: top;
}
.team-box header { margin-bottom: 1em; position: relative;
}
.team-box p,
.team-box .social { padding: 0 0 0 0; text-align: center;
}
.team-box-wrapper { margin: 0 auto;
}
.img-wrapper-team { background: transparent url(http://lorempixum.com/200/200/people) no-repeat; border-radius: 100em; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.5em inset; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.5em inset; box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.5em inset; margin: 0 auto; overflow: hidden; width: 8em; height: 8em; -moz-transition-property: box-shadow, color; -o-transition-property: box-shadow, color; -webkit-transition-property: box-shadow, color; transition-property: box-shadow, color; -moz-transition-duration: 0.75s; -o-transition-duration: 0.75s; -webkit-transition-duration: 0.75s; transition-duration: 0.75s;
}
.img-wrapper-team:hover { -moz-box-shadow: rgba(255, 255, 255, 0.75) 0 0 0 6px inset, #911D3C 0 0 0 8px inset, rgba(255, 255, 255, 0.75) 0 0 0 10em inset; -webkit-box-shadow: rgba(255, 255, 255, 0.75) 0 0 0 6px inset, #911D3C 0 0 0 8px inset, rgba(255, 255, 255, 0.75) 0 0 0 10em inset; box-shadow: rgba(255, 255, 255, 0.75) 0 0 0 6px inset, #911D3C 0 0 0 8px inset, rgba(255, 255, 255, 0.75) 0 0 0 10em inset;
}
.img-wrapper-team:hover .team-box-position { display: block; top: 2.5em; left: 3.55em; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
}
.team-box-position { padding: 0em; margin: 0; overflow: hidden; position: absolute; max-width: 5em; top: 2.7em; left: 3.5em; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -webkit-transition-property: -webkit-transform; transition-property: transform; -moz-transition-duration: 0.35s; -o-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; color: #911D3C; font-size: 0.875em; font-variant: small-caps; line-height: 1.1em;
}
.team-box-position:before,
.team-box-position:after { display: block; content: "\f00d \f00d \f00d"; color: #bc264e; font-family: "fontawesome"; font-size: 0.6em;
}
button { cursor: pointer; background: #EFEFEF; border: 1px solid #911D3C; border-radius: none; padding: 0.875em 1.25em; margin: 0; min-width: 6em; color: #911D3C; font-size: 0.75em; text-transform: uppercase; -moz-transition-property: box-shadow, color; -o-transition-property: box-shadow, color; -webkit-transition-property: box-shadow, color; transition-property: box-shadow, color; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; -webkit-transition-duration: 0.15s; transition-duration: 0.15s;
}
button:hover { -moz-box-shadow: #911D3C 0 3.25em 0 0 inset; -webkit-box-shadow: #911D3C 0 3.25em 0 0 inset; box-shadow: #911D3C 0 3.25em 0 0 inset; color: #EFEFEF;
}
button:active { -moz-box-shadow: #bc264e 0 3em 0 0 inset; -webkit-box-shadow: #bc264e 0 3em 0 0 inset; box-shadow: #bc264e 0 3em 0 0 inset; border: 1px solid #d12a56;
}
.product-box-wrapper { margin: 0 auto; width: 100%;
}
.product-box { display: block; padding: 1em 0 2em 0; margin: 1em;
}
.product-box h2 { padding-top: 1em; padding-bottom: 0;
}
.product-box .teaser { padding-bottom: 0.5em; margin-bottom: 0.5em; line-height: 1.5em;
}
.product-img-wrapper { background: transparent url(http://lorempixum.com/200/200/technics) no-repeat; border-radius: 100em; -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.5em inset; -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.5em inset; box-shadow: rgba(255, 255, 255, 0.4) 0 0 0 0.5em inset; display: inline-block; float: left; margin-top: 1.75em; margin-right: 1em; width: 8em; height: 8em; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; -webkit-transition-property: box-shadow; transition-property: box-shadow; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;
}
.product-img-wrapper:hover { -moz-box-shadow: #911D3C 0 0 0 1px inset, rgba(255, 255, 255, 0.75) 0 0 0 10em inset; -webkit-box-shadow: #911D3C 0 0 0 1px inset, rgba(255, 255, 255, 0.75) 0 0 0 10em inset; box-shadow: #911D3C 0 0 0 1px inset, rgba(255, 255, 255, 0.75) 0 0 0 10em inset;
}
.product-text-wrapper { position: relative; margin-left: 10em;
}
.product-text-wrapper .product-img { background: transparent url(http://lorempixum.com/700/400/technics) no-repeat; background-position: center; background-size: 100%; overflow: hidden; margin-bottom: 1.5em; width: 700px; height: 400px; -moz-transition-property: background-size; -o-transition-property: background-size; -webkit-transition-property: background-size; transition-property: background-size; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;
}
.product-img-caption { background-color: rgba(145, 29, 60, 0.75); padding: 4em; height: 400px; color: #DDD; font-style: italic; text-align: center; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0);
}
.product-img:hover { background-size: 120%; -moz-transition-property: background-size; -o-transition-property: background-size; -webkit-transition-property: background-size; transition-property: background-size; -moz-transition-duration: 4s; -o-transition-duration: 4s; -webkit-transition-duration: 4s; transition-duration: 4s;
}
.product-img:hover .product-img-caption { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
}
Geildanke products - Script Codes JS Codes
try{Typekit.load();}catch(e){}
Developer | Michaela |
Username | Fischaela |
Uploaded | July 27, 2022 |
Rating | 3 |
Size | 5,250 Kb |
Views | 48,576 |
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!
Name | Size |
Pure CSS Navigation | 3,649 Kb |
Animation tests | 2,748 Kb |
Animated progress bar | 3,495 Kb |
Timeline scribble | 4,488 Kb |
WebGL Wood with Sun Animation | 3,600 Kb |
Material design buttons | 4,381 Kb |
Geildanke buttons | 3,154 Kb |
Geildanke typography | 3,249 Kb |
Geildanke team | 4,153 Kb |
WebGL Starfield PointCloud Test | 3,098 Kb |
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!
Name | Username | Size |
Fluid Layout with Float | Jxqr97 | 1,785 Kb |
Swiftype Lower Third | Zumwalt | 4,796 Kb |
A Pen by Adrien Clerbois | AClerbois | 6,501 Kb |
Slider css only | Armandobau | 2,161 Kb |
HEXAGON | Aurumlux | 1,684 Kb |
Codero Sitemap | S1m0ne | 28,169 Kb |
Two tables and header with jspdf-autotable | Someatoms | 2,245 Kb |
Filtre ile Arama Kutusu - Search Box with Filter | AyhanALTINOK | 3,448 Kb |
The Monty Hall Problem | Melatonind | 4,360 Kb |
No Vacancy 404 CSS Only | Sethkontny | 0 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!