Skip to content

Commit 130dcff

Browse files
dikshitakambridikshitakambri
committed
logo added
1 parent b4825a5 commit 130dcff

File tree

11 files changed

+183
-111
lines changed

11 files changed

+183
-111
lines changed

‎aboutus.html

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -40,24 +40,27 @@
4040
<body>
4141

4242
<!-- ======= Top Bar ======= -->
43-
<div id="topbar" class="d-flex align-items-center fixed-top">
43+
<div id="topbar" class="d-flex align-items-center">
4444
<div class="container align-items-center justify-content-center justify-content-md-between">
4545
<div class="row">
46-
<div class="col-4 col-sm-5 col-md-4 offset-md-3">
47-
<h5>FACT-LOGO</h5>
46+
<div class="col-3 offset-lg-1">
47+
<img src="images/logo.jpeg" alt="logo" class="mt-lg-1">
4848
</div>
49-
<div class="col-8 col-sm-7 col-md-5 topbar">
50-
<a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a>
51-
<a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a>
52-
<a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a>
53-
<a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a>
54-
<br>
55-
<input class="Input" type="text" placeholder="Search"/>
56-
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
49+
<div class="col-5 d-none d-sm-block input">
50+
<input class="Input" type="text" placeholder="Search"/>
51+
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
52+
</div>
53+
<div class="col-3">
54+
<ul class="social">
55+
<li><a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a></li>
56+
<li><a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a></li>
57+
<li><a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a></li>
58+
<li><a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a></li>
59+
</ul>
5760
</div>
5861
</div>
5962
</div>
60-
</div>
63+
</div>
6164

6265
<!-- ======= Header ======= -- -->
6366
<header id="header" class="fixed-top">
@@ -149,7 +152,7 @@ <h2>Gallery</h2>
149152
<div class="row">
150153

151154
<div class="col-lg-3 col-md-6 footer-links">
152-
FACT LOGO
155+
<img src="images/logo-bg-rm.png" width="55%">
153156
</div>
154157

155158
<div class="col-lg-3 col-md-6">
@@ -198,6 +201,7 @@ <h4>Our Newsletter</h4>
198201

199202
<div class="container">
200203
<div class="copyright">
204+
<!-- Developed by Dikshita Kambri dikshitakambri.github.io/dikshita18/ -->
201205
&copy; Copyright <strong><span>FACT</span></strong>. All Rights Reserved
202206
</div>
203207
<div class="credits">

‎benefits.html

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -40,24 +40,27 @@
4040
<body>
4141

4242
<!-- ======= Top Bar ======= -->
43-
<div id="topbar" class="d-flex align-items-center fixed-top">
43+
<div id="topbar" class="d-flex align-items-center ">
4444
<div class="container align-items-center justify-content-center justify-content-md-between">
4545
<div class="row">
46-
<div class="col-4 col-sm-5 col-md-4 offset-md-3">
47-
<h5>FACT-LOGO</h5>
46+
<div class="col-3 offset-lg-1">
47+
<img src="images/logo.jpeg" alt="logo" class="mt-lg-1">
4848
</div>
49-
<div class="col-8 col-sm-7 col-md-5 topbar">
50-
<a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a>
51-
<a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a>
52-
<a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a>
53-
<a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a>
54-
<br>
55-
<input class="Input" type="text" placeholder="Search"/>
56-
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
49+
<div class="col-5 d-none d-sm-block input">
50+
<input class="Input" type="text" placeholder="Search"/>
51+
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
52+
</div>
53+
<div class="col-3">
54+
<ul class="social">
55+
<li><a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a></li>
56+
<li><a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a></li>
57+
<li><a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a></li>
58+
<li><a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a></li>
59+
</ul>
5760
</div>
5861
</div>
5962
</div>
60-
</div>
63+
</div>
6164

6265
<!-- ======= Header ======= -- -->
6366
<header id="header" class="fixed-top">
@@ -162,7 +165,7 @@ <h6>Latest News</h6>
162165
<div class="row">
163166

164167
<div class="col-lg-3 col-md-6 footer-links">
165-
FACT LOGO
168+
<img src="images/logo-bg-rm.png" width="55%">
166169
</div>
167170

168171
<div class="col-lg-3 col-md-6">
@@ -211,6 +214,7 @@ <h4>Our Newsletter</h4>
211214

212215
<div class="container">
213216
<div class="copyright">
217+
<!-- Developed by Dikshita Kambri dikshitakambri.github.io/dikshita18/ -->
214218
&copy; Copyright <strong><span>FACT</span></strong>. All Rights Reserved
215219
</div>
216220
<div class="credits">

‎board.html

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -40,24 +40,27 @@
4040
<body>
4141

4242
<!-- ======= Top Bar ======= -->
43-
<div id="topbar" class="d-flex align-items-center fixed-top">
43+
<div id="topbar" class="d-flex align-items-center ">
4444
<div class="container align-items-center justify-content-center justify-content-md-between">
4545
<div class="row">
46-
<div class="col-4 col-sm-5 col-md-4 offset-md-3">
47-
<h5>FACT-LOGO</h5>
46+
<div class="col-3 offset-lg-1">
47+
<img src="images/logo.jpeg" alt="logo" class="mt-lg-1">
4848
</div>
49-
<div class="col-8 col-sm-7 col-md-5 topbar">
50-
<a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a>
51-
<a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a>
52-
<a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a>
53-
<a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a>
54-
<br>
55-
<input class="Input" type="text" placeholder="Search"/>
56-
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
49+
<div class="col-5 d-none d-sm-block input">
50+
<input class="Input" type="text" placeholder="Search"/>
51+
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
52+
</div>
53+
<div class="col-3">
54+
<ul class="social">
55+
<li><a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a></li>
56+
<li><a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a></li>
57+
<li><a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a></li>
58+
<li><a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a></li>
59+
</ul>
5760
</div>
5861
</div>
5962
</div>
60-
</div>
63+
</div>
6164

6265
<!-- ======= Header ======= -- -->
6366
<header id="header" class="fixed-top">
@@ -152,7 +155,7 @@ <h5 class="mt-5">Vagdevi Cherukuri</h5>
152155
<div class="row">
153156

154157
<div class="col-lg-3 col-md-6 footer-links">
155-
FACT LOGO
158+
<img src="images/logo-bg-rm.png" width="55%">
156159
</div>
157160

158161
<div class="col-lg-3 col-md-6">
@@ -201,6 +204,7 @@ <h4>Our Newsletter</h4>
201204

202205
<div class="container">
203206
<div class="copyright">
207+
<!-- Developed by Dikshita Kambri dikshitakambri.github.io/dikshita18/ -->
204208
&copy; Copyright <strong><span>FACT</span></strong>. All Rights Reserved
205209
</div>
206210
<div class="credits">

‎css/style.css

Lines changed: 44 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -121,15 +121,56 @@ h1, h2, h3, h4, h5, h6 {
121121
# Top Bar
122122
--------------------------------------------------------------*/
123123
#topbar {
124-
background: #fff ;
125-
color: black;
124+
background: #fff;
125+
color: #000;
126126
height: 100px;
127127
font-size: 16px;
128128
font-weight: 600;
129129
z-index: 996;
130-
top: 30;
130+
top: 20;
131131
transition: all 0.5s;
132+
}
133+
134+
#topbar img {
135+
width: 31%;
136+
}
137+
138+
.input {
139+
margin-top: 40px;
140+
}
141+
@media screen and (min-width:900px) {
142+
#topbar{
143+
padding-top: 10px;
144+
}
132145
}
146+
@media screen and (min-width:1024px) {
147+
.Input {
148+
width: 280px;
149+
}
150+
}
151+
152+
@media screen and (max-width:650px) {
153+
#topbar img {
154+
width: 90px
155+
}
156+
.social {
157+
list-style: none;
158+
display: flex;
159+
margin-top: 50px;
160+
letter-spacing: 0px;
161+
}
162+
.fab {
163+
padding-right: 5px;
164+
padding-bottom: 10px;
165+
}
166+
}
167+
.social {
168+
list-style: none;
169+
display: flex;
170+
margin-top: 50px;
171+
letter-spacing: 10px;
172+
}
173+
133174
.fab {
134175
padding-right: 20px;
135176
padding-bottom: 10px;

‎fact-for-you.html

Lines changed: 17 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -40,25 +40,27 @@
4040
<body>
4141

4242
<!-- ======= Top Bar ======= -->
43-
<div id="topbar" class="d-flex align-items-center fixed-top">
43+
<div id="topbar" class="d-flex align-items-center ">
4444
<div class="container align-items-center justify-content-center justify-content-md-between">
4545
<div class="row">
46-
<div class="col-4 col-sm-5 col-md-4 offset-md-3">
47-
<h5>FACT-LOGO</h5>
46+
<div class="col-3 offset-lg-1">
47+
<img src="images/logo.jpeg" alt="logo" class="mt-lg-1">
4848
</div>
49-
<div class="col-8 col-sm-7 col-md-5 topbar">
50-
<a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a>
51-
<a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a>
52-
<a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a>
53-
<a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a>
54-
<br>
55-
<input class="Input" type="text" placeholder="Search"/>
56-
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
49+
<div class="col-5 d-none d-sm-block input">
50+
<input class="Input" type="text" placeholder="Search"/>
51+
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
52+
</div>
53+
<div class="col-3">
54+
<ul class="social">
55+
<li><a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a></li>
56+
<li><a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a></li>
57+
<li><a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a></li>
58+
<li><a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a></li>
59+
</ul>
5760
</div>
5861
</div>
5962
</div>
60-
</div>
61-
63+
</div>
6264
<!-- ======= Header ======= -- -->
6365
<header id="header" class="fixed-top">
6466
<div class="container d-flex align-items-center text-center">
@@ -160,7 +162,7 @@ <h6>Latest News</h6>
160162
<div class="row">
161163

162164
<div class="col-lg-3 col-md-6 footer-links">
163-
FACT LOGO
165+
<img src="images/logo-bg-rm.png" width="55%">
164166
</div>
165167

166168
<div class="col-lg-3 col-md-6">
@@ -209,6 +211,7 @@ <h4>Our Newsletter</h4>
209211

210212
<div class="container">
211213
<div class="copyright">
214+
<!-- Developed by Dikshita Kambri dikshitakambri.github.io/dikshita18/ -->
212215
&copy; Copyright <strong><span>FACT</span></strong>. All Rights Reserved
213216
</div>
214217
<div class="credits">

‎getinvolved.html

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -40,24 +40,27 @@
4040
<body>
4141

4242
<!-- ======= Top Bar ======= -->
43-
<div id="topbar" class="d-flex align-items-center fixed-top">
43+
<div id="topbar" class="d-flex align-items-center ">
4444
<div class="container align-items-center justify-content-center justify-content-md-between">
4545
<div class="row">
46-
<div class="col-4 col-sm-5 col-md-4 offset-md-3">
47-
<h5>FACT-LOGO</h5>
46+
<div class="col-3 offset-lg-1">
47+
<img src="images/logo.jpeg" alt="logo" class="mt-lg-1">
4848
</div>
49-
<div class="col-8 col-sm-7 col-md-5 topbar">
50-
<a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a>
51-
<a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a>
52-
<a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a>
53-
<a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a>
54-
<br>
55-
<input class="Input" type="text" placeholder="Search"/>
56-
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
49+
<div class="col-5 d-none d-sm-block input">
50+
<input class="Input" type="text" placeholder="Search"/>
51+
<button class="btn btn-dark"><i class="fas fa-search"></i></button>
52+
</div>
53+
<div class="col-3">
54+
<ul class="social">
55+
<li><a href="https://www.facebook.com/estah.org/"><i class="fab fa-lg fa-facebook-f"></i></a></li>
56+
<li><a href="https://www.instagram.com/estahsociety/"><i class="fab fa-lg fa-instagram"></i></a></li>
57+
<li><a href="https://www.youtube.com/channel/UCG4sfCSAyS6g9OX5bSbQ-1Q"><i class="fab fa-lg fa-youtube"></i></a></li>
58+
<li><a href="https://www.linkedin.com/company/estah-society/mycompany/"><i class="fab fa-lg fa-linkedin"></i></a></li>
59+
</ul>
5760
</div>
5861
</div>
5962
</div>
60-
</div>
63+
</div>
6164

6265
<!-- ======= Header ======= -- -->
6366
<header id="header" class="fixed-top">
@@ -73,7 +76,7 @@ <h5>FACT-LOGO</h5>
7376
<li><a href="#caseStudy">Case Studies</a></li>
7477
</ul>
7578
</li>
76-
<li class="nav-item"><a class="nav-link active" href="./aboutus.html"><span>About Us</span></a></li>
79+
<li class="nav-item"><a class="nav-link" href="./aboutus.html"><span>About Us</span></a></li>
7780
<li class="nav-item"><a class="nav-link" href="./board.html"><span>Our Team</span></a></li>
7881
<li class="nav-item"><a class="nav-link" href="./new-events.html"><span>News & Events</span></a></li>
7982
<li class="nav-item"><a class="nav-link" href="./resources.html"><span>Resources</span></a></li>
@@ -128,7 +131,7 @@ <h5>Cultivate the Movement</h5>
128131
<div class="row">
129132

130133
<div class="col-lg-3 col-md-6 footer-links">
131-
FACT LOGO
134+
<img src="images/logo-bg-rm.png" width="55%">
132135
</div>
133136

134137
<div class="col-lg-3 col-md-6">
@@ -177,6 +180,7 @@ <h4>Our Newsletter</h4>
177180

178181
<div class="container">
179182
<div class="copyright">
183+
<!-- Developed by Dikshita Kambri dikshitakambri.github.io/dikshita18/ -->
180184
&copy; Copyright <strong><span>FACT</span></strong>. All Rights Reserved
181185
</div>
182186
<div class="credits">

‎images/logo-bg-rm.png

239 KB
Loading

‎images/logo.jpeg

177 KB
Loading

0 commit comments

Comments
 (0)