Footer

Developer
Kelly Kalouta
Size
2,908 Kb
Views
6,072
  1. Footer Previews
  2. Footer HTML Codes
  3. Footer CSS Codes

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 Previews
IQ Test

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) &amp; <br> SAT (09:00-18:00) <br> <strong>+30-210 8940362</strong> (Street Store)<br> <strong>+30-210 8980854</strong> (Supreme &amp; 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%;
}
Footer - Script Codes
Footer - Script Codes
Home Page Home
Developer Kelly Kalouta
Username kelkal
Uploaded January 28, 2023
Rating 3
Size 2,908 Kb
Views 6,072
Do you need developer help for Footer?

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!

Kelly Kalouta (kelkal) Script Codes
Name
Oi
Dokimi2
A Pen by Kelly Kalouta
Responsive Menu 1
Payment Methods
Slideshow Funny Tshirts
About us by Rhinokage Rio
Slideshow
Brands sliding
Top Bar
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!