diff --git a/Code 94 Bootstrap-Footer Light Theme/img/footer-logo.png b/Code 94 Bootstrap-Footer Light Theme/img/footer-logo.png new file mode 100644 index 0000000..0852930 Binary files /dev/null and b/Code 94 Bootstrap-Footer Light Theme/img/footer-logo.png differ diff --git a/Code 94 Bootstrap-Footer Light Theme/img/payment.png b/Code 94 Bootstrap-Footer Light Theme/img/payment.png new file mode 100644 index 0000000..951e1dc Binary files /dev/null and b/Code 94 Bootstrap-Footer Light Theme/img/payment.png differ diff --git a/Code 94 Bootstrap-Footer Light Theme/index.html b/Code 94 Bootstrap-Footer Light Theme/index.html new file mode 100644 index 0000000..f8e6d84 --- /dev/null +++ b/Code 94 Bootstrap-Footer Light Theme/index.html @@ -0,0 +1,111 @@ + + + + + + + + Footer Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Code 94 Bootstrap-Footer Light Theme/style.css b/Code 94 Bootstrap-Footer Light Theme/style.css new file mode 100644 index 0000000..201aff6 --- /dev/null +++ b/Code 94 Bootstrap-Footer Light Theme/style.css @@ -0,0 +1,116 @@ +/* Codingwithnick */ + +html, +body{ + height: 100%; + font-family: "Nunito Sans" , sans-serif; + -webkit-font-smoothing: antialiased; +} +p{ + font-size: 15px; + font-family: "Nunito Sans" , sans-serif ; + color: #3d3d3d; + font-weight: 400; + line-height: 25px; + margin: 0 0 15px 0; +} +img{ + max-width: 100%; +} +a{ + text-decoration: none; +} +ul{ + padding-left: 0; +} + +input:focus{ + outline: none; +} +a:hover, +a:focus{ + text-decoration: none; + outline: none; + color: #ffffff; +} + + +.footer{ + background: #FFFFFF; + padding-top: 70px; +} +.footer-about{ + margin-bottom: 30px; +} +.footer-about .footer-logo{ + margin-bottom: 30px; +} +.footer-about p{ + color: #696969; + margin-bottom: 30px; +} +.footer-widget{ + margin-bottom: 30px; +} +.footer-widget h6{ + color: #ffffff; + font-size: 15px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 2px; + margin-bottom: 20px; +} +.footer-widget ul li{ + line-height: 36px; + list-style: none; +} +.footer-widget ul li a{ + color: #696969; + font-size: 15px; +} +.footer-widget ul li a:hover{ + color: #0d6efd; +} +.footer-widget .footer-newslatter p{ + color: #696969; +} +.footer-widget .footer-newslatter form{ + position: relative; +} +.footer-widget .footer-newslatter form input{ + width: 100%; + font-size: 15px; + color: #ffffff; + background: transparent; + border: none; + padding: 15px 0; + border-bottom: 2px solid #696969; +} +.footer-widget .footer-newslatter form input::placeholder{ + color: #696969; +} +.footer-widget .footer-newslatter form button{ + color: #696969; + font-size: 16px; + position: absolute; + right: 5px; + top: 0; + height: 100%; + background: transparent; + border: none; +} +.footer-copyright-text{ + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding: 20px 0; + margin-top: 40px; +} +.footer-copyright-text p{ + color: #696969; + margin-bottom: 0; +} +.footer-copyright-text p i{ + color: #0d6efd; +} +.footer-copyright-text p a{ + color: #0d6efd; +} \ No newline at end of file