Footer Click-Tshirt
How do I make an footer click-tshirt?
What is a footer click-tshirt? How do you make a footer click-tshirt? This script and codes were developed by Kelly Kalouta on 14 November 2022, Monday.
Footer Click-Tshirt - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Footer Click-Tshirt</title> <link href='https://fonts.googleapis.com/css?family=Open+Sans|Oswald:300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <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>
<footer class="flex-rw"> <ul class="footer-list-top"> <li> <h4 class="footer-list-header">Πληροφορίες</h4></li> <li><a href='/shop/about-mission' class="generic-anchor footer-list-anchor" itemprop="significantLink">Γνωρίστε μας</a></li> <li><a href='' class="generic-anchor footer-list-anchor" itemprop="significantLink">Επικοινωνία</a></li> <li><a href='/Angels/cat/id/70' class="generic-anchor footer-list-anchor">Όροι & Προυποθέσεις</a></li> </ul> <ul class="footer-list-top"> <li> <h4 class="footer-list-header">Εξυπηρέτηση Πελατών</h4></li> <li><a href='/Home-Decor/cat/id/64' class="generic-anchor footer-list-anchor">Τρόποι Αποστολής</a></li> <li><a href='/Mugs/cat/id/32' class="generic-anchor footer-list-anchor">Τρόποι Πληρωμής</a></li> <li><a href='/Pet-Lover/cat/id/108' class="generic-anchor footer-list-anchor">Οδηγός Μεγεθών</a></li> <li><a href='/Ladies-Accessories/cat/id/117' class="generic-anchor footer-list-anchor" target="_blank">Πολιτική Επιστροφών</a></li> <li><a href='/Ladies-Accessories/cat/id/117' class="generic-anchor footer-list-anchor" target="_blank">Πολιτική Πόντων Ανταμοιβής</a></li> <li><a href='/Ladies-Accessories/cat/id/117' class="generic-anchor footer-list-anchor" target="_blank">Χονδρική Πώληση</a></li> </ul> <ul class="footer-list-top"> <li id='help'> <h4 class="footer-list-header">Ο Λογαριασμός μου</h4></li> <li><a href='/shop/about-contact' class="generic-anchor footer-list-anchor" itemprop="significantLink">Ο Λογαριασμός μου</a></li> <li><a href='/faq.html' class="generic-anchor footer-list-anchor" itemprop="significantLink">Ιστορικό Παραγγελιών</a></li> <li id='find-a-store'><a href='/shop/store-locator' class="generic-anchor footer-list-anchor" itemprop="significantLink">Λίστα Επιθυμιών</a></li> <li id='user-registration'><a href='/shop/user-registration?URL=' class="generic-anchor footer-list-anchor" itemprop="significantLink">Οι Πόντοι μου</a></li> <li id='order-tracking'><a href='/shop/order-status' itemprop="significantLink" class="generic-anchor footer-list-anchor">Οδηγός Αγορών</a></li> </ul> <section class="footer-social-section flex-rw"> <span class="footer-social-overlap footer-social-connect"> Click <span class="footer-social-small">-</span> Tshirt </span> <span class="footer-social-overlap footer-social-icons-wrapper"> <a href=" " class="generic-anchor" target="_blank" title="Pinterest" itemprop="significantLink"><i class="fa fa-pinterest"></i></a> <a href="https://www.facebook.com/clicktshirt/" class="generic-anchor" target="_blank" title="Facebook" itemprop="significantLink"><i class="fa fa-facebook"></i></a> <a href=" " class="generic-anchor" target="_blank" title="Twitter" itemprop="significantLink"><i class="fa fa-twitter"></i></a> <a href=" " class="generic-anchor" target="_blank" title="Instagram" itemprop="significantLink"><i class="fa fa-instagram"></i></a> <a href=" " class="generic-anchor" target="_blank" title="Youtube" itemprop="significantLink"><i class="fa fa-youtube"></i></a> <a href=" " class="generic-anchor" target="_blank" title="Google Plus" itemprop="significantLink"><i class="fa fa-google-plus"></i></a> </span> </section> <section class="footer-bottom-section flex-rw">
<div class="footer-bottom-wrapper">
<i class="fa fa-copyright" role="copyright">
</i> 2017 </div> </section>
</footer>
</body>
</html>
Footer Click-Tshirt - Script Codes CSS Codes
* { box-sizing: border-box;
}
html, body { height: 100%;
}
body { font: 11px "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
ul { list-style: none;
}
a { text-decoration: none;
}
.generic-anchor { color: #8DB9ED;
}
.generic-anchor:visited { color: #8DB9ED;
}
.generic-anchor:hover { color: #ccc;
}
.flex-rw { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap;
}
main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font: 10em "Oswald", sans-serif; color: #9b9b9b; line-height: 1;
}
footer { background: #373737; margin-top: auto; width: 100%;
}
.footer-list-top { width: 33.333%;
}
.footer-list-top > li { text-align: center; padding-bottom: 10px;
}
.footer-list-header { padding: 10px 0 5px 0; color: #fff; font: 2.3vw "Oswald", sans-serif;
}
.footer-list-anchor { font: 1.3em "Open Sans", sans-serif;
}
.footer-social-section { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; position: relative; margin-top: 5px;
}
.footer-social-section::after { content: ""; position: absolute; z-index: 1; top: 50%; left: 10px; border-top: 1px solid #ccc; width: calc(100% - 20px);
}
.footer-social-overlap { position: relative; z-index: 2; background: #373737; padding: 0 20px;
}
.footer-social-connect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font: 3.5em "Oswald", sans-serif; color: #fff;
}
.footer-social-small { font-size: 0.6em; padding: 0px 20px;
}
.footer-social-overlap > a { font-size: 3em;
}
.footer-social-overlap > a:not(:first-child) { margin-left: 0.38em;
}
.footer-bottom-section { width: 100%; padding: 10px; border-top: 1px solid #ccc; margin-top: 10px;
}
.footer-bottom-section > div:first-child { margin-right: auto;
}
.footer-bottom-wrapper { font-size: 1.5em; color: #fff;
}
.footer-address { display: inline; font-style: normal;
}
@media only screen and (max-width: 768px) { .footer-list-header { font-size: 2em; } .footer-list-anchor { font-size: 1.1em; } .footer-social-connect { font-size: 2.5em; } .footer-social-overlap > a { font-size: 2.24em; } .footer-bottom-wrapper { font-size: 1.3em; }
}
@media only screen and (max-width: 568px) { main { font-size: 5em; } .footer-list-top { width: 100%; } .footer-list-header { font-size: 3em; } .footer-list-anchor { font-size: 1.5em; } .footer-social-section { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-social-section::after { top: 25%; } .footer-social-connect { margin-bottom: 10px; padding: 0 10px; } .footer-social-overlap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-social-icons-wrapper { width: 100%; padding: 0; } .footer-social-overlap > a:not(:first-child) { margin-left: 20px; } .footer-bottom-section { padding: 0 5px 10px 5px; } .footer-bottom-wrapper { text-align: center; width: 100%; margin-top: 10px; }
}
@media only screen and (max-width: 480px) { .footer-social-overlap > a { margin: auto; } .footer-social-overlap > a:not(:first-child) { margin-left: 0; } .footer-bottom-rights { display: block; }
}
@media only screen and (max-width: 320px) { .footer-list-header { font-size: 2.2em; } .footer-list-anchor { font-size: 1.2em; } .footer-social-connect { font-size: 2.4em; } .footer-social-overlap > a { font-size: 2.24em; } .footer-bottom-wrapper { font-size: 1.3em; }
}
Developer | Kelly Kalouta |
Username | kelkal |
Uploaded | November 14, 2022 |
Rating | 3 |
Size | 4,640 Kb |
Views | 12,144 |
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 |
Dokimi2 | 30,132 Kb |
Footer | 2,908 Kb |
Responsive Menu 1 | 4,554 Kb |
Parousiash Proiontos | 5,206 Kb |
Return Policy | 4,408 Kb |
Slideshow | 2,037 Kb |
Home Page | 1,805 Kb |
Payment Methods | 3,562 Kb |
Oi | 2,285 Kb |
Slideshow Funny Tshirts | 2,788 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 |
Responsive Table-less Shopping Cart | Alex_rodrigues | 6,637 Kb |
LAMP PURE CSS with Animation | Dam62500 | 2,911 Kb |
CSS Letter animations | Sladix | 2,116 Kb |
See Through | Larrygeams | 77,410 Kb |
Welcome | Nakome | 6,076 Kb |
Responsive Minimal Blog Layout | Hackthevoid | 5,261 Kb |
Background-blend-mode Test | 0x04 | 4,744 Kb |
TinFoil Boats | Chandralil | 4,577 Kb |
Scarlett Johansson Tribute Page | Diomed | 3,233 Kb |
Whyutils | LeYvan | 3,752 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!