Skip to content

Commit a8619f9

Browse files
imabhishekkumarimabhishekkumar
committed
improved: footer
1 parent a30e9fa commit a8619f9

File tree

2 files changed

+25
-45
lines changed

2 files changed

+25
-45
lines changed

‎css/style.css

+6-3
Original file line numberDiff line numberDiff line change
@@ -1098,7 +1098,9 @@ select {
10981098
margin: 16pt auto 24pt auto; }
10991099
.cta__sub--center {
11001100
text-align: center; }
1101-
1101+
.icon-bar i{
1102+
margin-right: 30px;
1103+
}
11021104
.footer {
11031105
background-color: #ffffff;
11041106
padding: 36pt 0; }
@@ -1110,7 +1112,7 @@ select {
11101112
flex-direction: column; }
11111113
@media (min-width: 600px) {
11121114
.footer__inner {
1113-
flex-direction: row; } }
1115+
flex-direction: column; } }
11141116

11151117
.footer__textLogo {
11161118
flex-shrink: 0;
@@ -1128,6 +1130,7 @@ select {
11281130
.footer__textLogo {
11291131
min-width: 25%;
11301132
font-size: 1.325rem; } }
1133+
11311134

11321135
.footer__data {
11331136
-js-display: flex;
@@ -1136,7 +1139,7 @@ select {
11361139
justify-content: space-between;
11371140
padding-top: 0.25rem;
11381141
flex-wrap: wrap;
1139-
flex-direction: column;
1142+
flex-direction: row;
11401143
font-size: 0.9rem; }
11411144
@media (min-width: 992px) {
11421145
.footer__data {

‎index.html

+19-42
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,10 @@
88
<!-- Don't forget to add your metadata here -->
99
<link rel='stylesheet' href='css/style.css' />
1010
<link rel="stylesheet" href="css/animate.min.css">
11+
<script src="https://kit.fontawesome.com/8ba1cb7127.js"></script>
12+
13+
14+
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
1115
</head>
1216
<body>
1317
<!-- Hero(extended) navbar -->
@@ -109,52 +113,25 @@ <h2 class="expanded__title">Your efforts, is our pride</h2>
109113
</div>
110114
</div>
111115
</div>
112-
<!-- Call To Action -->
113-
<div class="cta cta--reverse">
114-
<div class="container">
115-
<div class="cta__inner">
116-
<h2 class="cta__title">Get started now</h2>
117-
<p class="cta__sub cta__sub--center">Get started with your prefered products, presented by the team of TWB</p>
118-
<a href="#" class="button button__accent">Download Section</a>
119-
</div>
120-
</div>
121-
</div>
116+
122117
<!-- Footer -->
123118
<div class="footer footer--dark">
124119
<div class="container">
125120
<div class="footer__inner">
126-
<a href="index.html" class="footer__textLogo">Website is still under production</a>
127-
<div class="footer__data">
128-
<div class="footer__data__item">
129-
<div class="footer__row">
130-
Worked by <a href="https://twitter.com/adarshrise20" target="_blank" class="footer__link">Adarsh Kumar</a>
131-
</div>
132-
<div class="footer__row">
133-
Suppported by <a href="https://twitter.com/_abhishekkumarr" target="_blank" class="footer__link">Abhishek Kumar</a>
134-
</div>
135-
136-
<div class="footer__row">
137-
Inspired by <a href="https://twitter.com/abhijitp14" target="_blank" class="footer__link">Abhijit Panigrahi</a>
138-
</div>
139-
</div>
140-
<div class="footer__data__item">
141-
<div class="footer__row">Created for Inspiration <a href="#" target="_blank" class="footer__link">The Working Bros</a>
142-
</div>
143-
</div>
144-
<div class="footer__data__item">
145-
<div class="footer__row">
146-
<a href="https://github.com/RisingLight" target="_blank" class="footer__link">GitHub</a>
147-
</div>
148-
<div class="footer__row">
149-
<a href="https://twitter.com/working_bros" target="_blank" class="footer__link">Twitter</a>
150-
</div>
151-
<div class="footer__row">
152-
<a href="https://www.facebook.com/workingbros/" target="_blank" class="footer__link">Facebook</a>
153-
</div>
154-
<div class="footer__row">
155-
<a href="#" class="footer__link">[email protected]</a>
156-
</div>
157-
</div>
121+
<div class="icon-bar">
122+
<a href=""onclick="window.open('https://www.facebook.com/workingbros/','_blank')" class="icons">
123+
<i class="fab fa-facebook fa-2x"></i>
124+
</a>
125+
<a href=""onclick="window.open('https://github.com/RisingLight','_blank')" class="icons">
126+
<i class="fab fa-github fa-2x"></i>
127+
</a>
128+
129+
<a href=""onclick="window.open('https://twitter.com/working_bros','_blank')" class="icons">
130+
<i class="fab fa-twitter fa-2x"></i>
131+
</a>
132+
133+
</div><br>
134+
<p>Made with <span style="color: red">❤</span> by The Working Bros Team.</p>
158135
</div>
159136
</div>
160137
</div>

0 commit comments

Comments
 (0)