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 |
WebGL Game Endless Runner | 6,354 Kb |
Profile page scibble | 3,692 Kb |
WebGL Template for ThreeJS | 2,713 Kb |
Material design buttons | 4,381 Kb |
News reading experiment | 6,961 Kb |
Animation tests | 2,748 Kb |
Geildanke buttons | 3,154 Kb |
IPad app prototype template | 2,396 Kb |
Projects geildanke with new animations | 6,186 Kb |
Geildanke products | 5,250 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 |
The Fantastic Mr Fox | MalZiiirA | 10,435 Kb |
A bit of elegance | Hackthevoid | 9,095 Kb |
Blog Concept - Single Post | Marionebl | 9,603 Kb |
Simple, flat contact form | Zeaklous | 2,719 Kb |
Brent Burns Tribute Page | Nevada48 | 2,569 Kb |
Elephants Full screen site | Orrinward | 3,981 Kb |
UI Challenge - Budget Selector | AgentRR007 | 3,547 Kb |
Basic HTML5 Structure | YuvarajTana | 1,289 Kb |
Css3 loader | Clknap | 2,391 Kb |
A Pen by Jason Kinney | Jason-kinney | 1,980 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!