Skip to content

Commit 69b6aec

Browse files
jaskiratsingh2000jaskiratsingh2000
authored
Merge pull request #54 from devshiva619/footer
new footer added
2 parents 6e0e544 + cfc9381 commit 69b6aec

File tree

2 files changed

+203
-47
lines changed

2 files changed

+203
-47
lines changed

‎css/style.css‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1697,3 +1697,165 @@ h1, h2, h3, h4, h5, h6, figure {
16971697
}
16981698

16991699
/*# sourceMappingURL=style.css.map */
1700+
1701+
/*Footer CSS*/
1702+
/*Footer*/
1703+
.flex-container{
1704+
display: flex;
1705+
flex-direction: row;
1706+
flex-wrap: wrap;
1707+
width: 92%;
1708+
margin-left: auto;
1709+
margin-right: auto;
1710+
padding-top: 40px;
1711+
padding-bottom: 10px;
1712+
}
1713+
1714+
.flex-container .about{
1715+
width: 31%;
1716+
margin: 10px auto;
1717+
text-align: center;
1718+
line-height: 24px;
1719+
font-size: 20px;
1720+
}
1721+
1722+
/*About Section*/
1723+
1724+
#footer .flex-container .about h3{
1725+
font-size: 20px;
1726+
text-align: left;
1727+
font-weight: 600;
1728+
}
1729+
1730+
#footer .flex-container .about p{
1731+
font-size: 16px;
1732+
text-align: left;
1733+
color: #828282;
1734+
}
1735+
1736+
#footer .flex-container .about .item{
1737+
display: inline;
1738+
}
1739+
1740+
ul li {
1741+
color: #f1f1f1;
1742+
}
1743+
1744+
.social-buttons ul li a i:hover{
1745+
background-color: #F73859;
1746+
color: #fff;
1747+
transition: all 0.3s;
1748+
}
1749+
1750+
.social-buttons ul{
1751+
padding: 0;
1752+
text-align: left;
1753+
}
1754+
1755+
1756+
.item{
1757+
margin: 0 10px 10px 0;
1758+
}
1759+
1760+
1761+
/*Links Section*/
1762+
1763+
.flex-container .links{
1764+
width: 31%;
1765+
margin: 10px auto;
1766+
line-height: 24px;
1767+
font-size: 20px;
1768+
}
1769+
1770+
#footer .flex-container .links h3 {
1771+
font-size: 20px;
1772+
font-weight: 600;
1773+
}
1774+
1775+
.fab{
1776+
font-size: 18px;
1777+
background-color: #4e4353;
1778+
color: white;
1779+
width: 35px;
1780+
padding: 8px 0;
1781+
text-align: center;
1782+
}
1783+
1784+
.links ul{
1785+
font-size: 16px;
1786+
padding-left: 0;
1787+
}
1788+
1789+
.links ul li a{
1790+
color: #828282;
1791+
text-decoration: none;
1792+
}
1793+
1794+
.links ul li a:hover {
1795+
background-color: #ffffff;
1796+
color: #F73859;
1797+
transition: all 0.3s;
1798+
}
1799+
1800+
.links h3{
1801+
text-align: center;
1802+
}
1803+
1804+
.links ul{
1805+
text-align: center;
1806+
}
1807+
1808+
.links ul li{
1809+
color: white;
1810+
}
1811+
1812+
/*Subscribe Section*/
1813+
1814+
.flex-container .subscribe{
1815+
width: 31%;
1816+
margin: 10px auto;
1817+
text-align: center;
1818+
line-height: 24px;
1819+
font-size: 20px;
1820+
}
1821+
1822+
#footer .flex-container .subscribe h3 {
1823+
font-size: 20px;
1824+
text-align: left;
1825+
font-weight: 600;
1826+
}
1827+
1828+
#footer .flex-container .subscribe .field{
1829+
border: none;
1830+
background-color: #4e4353;
1831+
display: block;
1832+
margin-top: 10px;
1833+
width: 100%;
1834+
padding: 12px;
1835+
font-size: 16px;
1836+
outline: none;
1837+
}
1838+
1839+
#footer .flex-container .subscribe .submit{
1840+
text-transform: uppercase;
1841+
border: none;
1842+
background-color: #f04765;
1843+
color: #ffffff;
1844+
display: block;
1845+
margin-top: 10px;
1846+
width: 28%;
1847+
padding: 8px;
1848+
font-size: 16px;
1849+
font-weight: bold;
1850+
outline: none;
1851+
}
1852+
1853+
#footer .flex-container .subscribe .submit:hover{
1854+
background-color: #F73859;
1855+
color: white;
1856+
transition: all 0.3ms;
1857+
}
1858+
1859+
input{
1860+
color: white;
1861+
}

‎index.html‎

Lines changed: 41 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,13 @@
11
<!DOCTYPE HTML>
2-
<!--
3-
Concept by gettemplates.co
4-
Twitter: http://twitter.com/gettemplateco
5-
URL: http://gettemplates.co
6-
-->
72
<html>
83
<head>
94
<meta charset="utf-8">
105
<meta http-equiv="X-UA-Compatible" content="IE=edge">
11-
<title>Concept &mdash; Free Website Template, Free HTML5 Template by gettemplates.co</title>
6+
<title>Codeuino &mdash; OpenSource Org</title>
127
<meta name="viewport" content="width=device-width, initial-scale=1">
13-
<meta name="description" content="Free HTML5 Website Template by gettemplates.co"/>
8+
<meta name="description" content="Codeuino-An Open Source Non-Profit Organisation,founded by Jaskirat Singh an Open Source maniac. Codeuino develops various Open Source Softwares that tends to benefits all the people around. The organisation acts as a guiding hand in the process and provides resources and infrastructure."/>
149
<meta name="keywords"
15-
content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive"/>
10+
content="codeuino, opensource, donut, chat platform, certificate generator"/>
1611
<meta name="author" content="gettemplates.co"/>
1712

1813
<!-- Facebook and Twitter integration -->
@@ -87,6 +82,8 @@
8782
});
8883
</script>
8984
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
85+
<!--FontAwesome-->
86+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
9087
<style>
9188
html {
9289
scroll-behavior: smooth;
@@ -334,7 +331,7 @@ <h2>Donate Us to grow more</h2>
334331
</p>
335332

336333

337-
334+
338335

339336
</div>
340337
</div>
@@ -345,47 +342,44 @@ <h2>Donate Us to grow more</h2>
345342
</div>
346343
</div>
347344

348-
<footer id="fh5co-footer" role="contentinfo">
349-
<div class="container">
350-
<div class="row row-pb-md">
351-
<div class="col-md-4 fh5co-widget ">
352-
<h3>Codeuino</h3>
353-
<p>Codeuino-An Open Source Non-Profit Organisation,founded by Jaskirat Singh an Open Source maniac.
354-
Codeuino develops various Open Source Softwares that tends to benefits all the people around. The
355-
organisation acts as a guiding hand in the process and provides resources and infrastructure. </p>
356-
<p><a href="#">Learn More</a></p>
357-
</div>
358-
<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1 ">
359-
<ul class="fh5co-footer-links">
360-
<li><a href="https://github.com/codeuino">Github</a></li>
361-
<li><a href="index.html#fh5co-project">Projects</a></li>
362-
<li><a href="https://github.com/codeuino/codeuino-docs/blob/master/CODE%20OF%20CONDUCT.md">Code Of Conduct</a></li>
363-
<li><a href="about.html">About</a></li>
364-
<li><a href="about.html#team">Team</a></li>
365-
<li><a href="#">Donate</a></li>
366-
<li><a href="#">Contact</a></li>
345+
<!--Footer-->
346+
<div id="footer">
347+
<div class="flex-container">
348+
<div class="about">
349+
<h3>CODEUINO</h3>
350+
<p>Codeuino-An Open Source Non-Profit Organisation,founded by Jaskirat Singh an Open Source maniac.
351+
Codeuino develops various Open Source Softwares that tends to benefits all the people around.
352+
The organisation acts as a guiding hand in the process and provides resources and infrastructure.
353+
</p>
354+
<div class="social-buttons">
355+
<ul>
356+
<li class="item"><a href=""><i class="fab fa-facebook-f"></i></a></li>
357+
<li class="item"><a href=""><i class="fab fa-twitter"></i></a></li>
358+
<li class="item"><a href=""><i class="fab fa-linkedin-in"></i></a></li>
367359
</ul>
368360
</div>
369-
370-
371-
<div class="row copyright">
372-
<div class="col-md-12 text-center">
373-
<p>
374-
<small class="block">&copy; Codeuino all Rights Reserved.</small>
375-
<br/>
376-
<p>
377-
<ul class="fh5co-social-icons">
378-
<li><a href="https://twitter.com/codeuino"><i class="icon-twitter"></i></a></li>
379-
<li><a href="https://www.facebook.com/Codeuino-206795036645657/?modal=admin_todo_tour&notif_id=1531377168845343&notif_t=page_invite"><i class="icon-facebook"></i></a></li>
380-
<li><a href="https://www.linkedin.com/company/codeuino/"><i class="icon-linkedin"></i></a></li>
381-
<li><a href="#"><i class="icon-dribbble"></i></a></li>
382-
</ul>
383-
</p>
384-
</div>
385-
</div>
386-
387361
</div>
388-
</footer>
362+
<div class="links">
363+
<h3>USEFUL LINKS </h3>
364+
<ul>
365+
<li><a href="https://github.com/codeuino">Github</a></li>
366+
<li><a href="http://codeuino.org/index.html#fh5co-project">Projects</a></li>
367+
<li><a href="https://github.com/codeuino/codeuino-docs/blob/master/CODE%20OF%20CONDUCT.md">Code of Conduct</a></li>
368+
<li><a href="http://codeuino.org/about.html">About</a></li>
369+
<li><a href="http://codeuino.org/about.html#team">Team</a></li>
370+
<li><a href="http://codeuino.org/#">Donate</a></li>
371+
<li><a href="http://codeuino.org/#">Contact</a></li>
372+
</ul>
373+
</div>
374+
<div class="subscribe">
375+
<h3>SUBSCRIBE</h3>
376+
<form action="#">
377+
<input class="field" type="text" placeholder="Your name">
378+
<input class="field" type="email" placeholder="Email">
379+
<input class="submit btn btn-dange" type="submit">
380+
</form>
381+
</div>
382+
</div>
389383
</div>
390384

391385
<!-- POPUP -->

0 commit comments

Comments
 (0)