Footer
How do I make an footer?
What is a footer? How do you make a footer? This script and codes were developed by Kelly Kalouta on 28 January 2023, Saturday.
Footer - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>footer</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <footer id="footer-holder"> <div id="main-footer"> <div id="main-footer-wrapper" class="row"> <div id="new-cult-small-logo" class="col-lg-1 col-md-2 visible-lg visible-md"></div> <ul class="first-col col-lg-2 col-md-2 col-md-offset-0 col-sm-3 col-sm-offset-3 col-xs-6 col-xs-offset-0"> <li class="header-ul">Info</li> <li><a href="/Info/Payments">Payments</a></li> <li><a href="/Info/Returns">Returns</a></li> <li><a href="/Info/MakeGift">Make your Order a Gift</a></li> <li><a href="/Info/Career">Career in New Cult</a></li> <li><a href="/Contact">Contact us</a></li> </ul> <ul class="col-lg-2 col-md-2 col-md-2 col-sm-3 col-sm-offset-0 col-xs-6 col-xs-offset-0"> <li class="header-ul">New Cult</li> <li><a href="/Info/AboutUs">Our manifest</a></li> <li><a href="http://blog.newcult.gr" target="_blank">Our news</a></li> <li><a href="/Info/Retail">Retail Stores</a></li> <li><a href="/Info/Wholesale">Wholesale</a></li> </ul> <div class="clearfix visible-sm-block"></div> <ul class="col-lg-2 col-md-2 col-md-offset-0 col-sm-3 col-sm-offset-3 col-xs-6 col-xs-offset-0"> <li class="header-ul">Social Media</li> <li><a href="https://www.youtube.com/user/theNEWCULTchannel" target="_blank">Youtube</a></li> <li><a href="https://www.facebook.com/NewCult.gr" target="_blank">Facebook</a></li> <li><a href="https://twitter.com/NewCultGr" target="_blank">Twitter</a></li> <li><a href="https://plus.google.com/115952538832980875509" target="_blank">Google Plus</a></li> <li><a href="http://blog.newcult.gr" target="_blank">Blog</a></li> </ul> <ul class="col-lg-2 col-md-2 col-sm-3 col-sm-offset-0 col-xs-6 col-xs-offset-0"> <li class="header-ul">Legal</li> <li><a count="1" keys="System.Collections.Generic.Dictionary`2+KeyCollection[System.String,System.Object]" values="System.Collections.Generic.Dictionary`2+ValueCollection[System.String,System.Object]" href="/Info/AboutUs">About Us</a></li> <li><a href="/Info/Terms">Terms of use</a></li> <li><a href="/Info/Privacy">Privacy Policy</a></li> </ul> <div class="clearfix visible-sm-block visible-xs-block"></div> <div class="col-lg-2 col-lg-offset-1 col-md-2 visible-lg visible-md " id="telephone-contact"> <h3>Our telephones</h3> <span style="font-size: 19px;"><strong>+30-210 8940362</strong> (eshop)</span><br> MON - FRI (09:00-21:00) & <br> SAT (09:00-18:00) <br> <strong>+30-210 8940362</strong> (Street Store)<br> <strong>+30-210 8980854</strong> (Supreme & Fashion Store)<br> <strong>+30-210 9601019</strong> (Offices)<br> MON - FRI (09:00-17:00) <br> </div> </div> <div class="col-sm-6 col-sm-offset-3 visible-sm visible-xs"> <div class="image-wrapper"> <img alt="τηλεφωνικές πωλήσεις" style="" src="/Content/themes/NewCult/images/tilefonikes-poliseis-en-US.png"> </div> </div> </div>
</footer> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
</body>
</html>
Footer - Script Codes CSS Codes
element.style {
}
@media only screen and (max-width: 1250px)
#footer-holder { background: none; width: calc(100% - 4px);
}
#footer-holder { color: #000; float: left; /* height: 215px; */ margin: 0; padding: 10px 0 0; position: relative; width: 1250px; color: #000 !important; border: 2px solid;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;
}
user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section { display: block;
}
Inherited from body
body { height: 185px; width: 1250px; margin: auto !important; font-size: 12px; background-image: url(images/opacity-pixel.png); background-color: #fff;
}
body, button, input, select, textarea { font-family: 'Arimo', sans-serif; color: #222;
}
body { color: #000000; font-family: 'Arimo', sans-serif; font-size: 60%; background: #fff;
}
Inherited from html
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; background-size: 100% 100%;
}
Developer | Kelly Kalouta |
Username | kelkal |
Uploaded | January 28, 2023 |
Rating | 3 |
Size | 2,908 Kb |
Views | 6,072 |
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 |
Footer | 2,908 Kb |
Dokimi2 | 30,132 Kb |
Footer Click-Tshirt | 4,640 Kb |
Slideshow Funny Tshirts | 2,788 Kb |
Top Bar | 4,489 Kb |
Dokimi1 | 7,227 Kb |
Slider Arxiki | 5,909 Kb |
Payment Methods | 3,562 Kb |
A Pen by Kelly Kalouta | 1,807 Kb |
Parousiash Proiontos | 5,206 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 |
RollOver Effect 2 | Lmack90 | 2,162 Kb |
Flower expansion | Sreucherand | 3,425 Kb |
A Pen by Jonas Bjork | Jonasbjork | 3,115 Kb |
Flip test | Madhes | 1,635 Kb |
Minimal Menu | Achudars | 3,430 Kb |
Responsive slide | Thorien | 2,400 Kb |
CSS3 Form Page Design | Rssatnam | 3,613 Kb |
A Pen by Ben Babics | Benbabics | 2,957 Kb |
Simple Accordion | Wearebold | 3,683 Kb |
CSS Donut Charts | Seanstopnik | 2,908 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!