Geildanke products

Developer
Size
5,250 Kb
Views
48,576

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 Previews

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){}
Geildanke products - Script Codes
Geildanke products - Script Codes
Home Page Home
Developer Michaela
Username Fischaela
Uploaded July 27, 2022
Rating 3
Size 5,250 Kb
Views 48,576
Do you need developer help for Geildanke products?

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!

Michaela (Fischaela) Script Codes
Create amazing blog posts 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!