8
8
window . dataLayer = window . dataLayer || [ ] ;
9
9
function gtag ( ) { dataLayer . push ( arguments ) ; }
10
10
gtag ( 'js' , new Date ( ) ) ;
11
-
12
11
gtag ( 'config' , 'G-76QCJCGDB5' ) ;
13
12
</ script >
14
13
< link rel ="icon " href ="./assets/images/favicon.png " type ="image/x-icon ">
40
39
<!--Google Site Search Verification-->
41
40
< meta name ="google-site-verification " content ="lnzqpbpjoknDdDMpcJhBthXHLR7jUWtfSXoGHbdpI40 " />
42
41
< style >
43
- /* CSS for Navbar hover effects */
42
+ /* CSS for Navbar hover and click effects */
44
43
.navbar-nav .nav-link {
45
44
transition : color 0.3s , background-color 0.3s ;
46
45
}
47
46
48
47
.navbar-nav .nav-link : hover {
49
48
color : # ffffff ;
50
- background-color : rgba (255 , 255 , 255 , 0.2 );
49
+ background-color : # 007bff ; /* Change this to your desired hover background color */
50
+ border-radius : 4px ;
51
+ }
52
+
53
+ .navbar-nav .nav-link : active {
54
+ color : # ffffff ;
55
+ background-color : # 0056b3 ; /* Change this to your desired active background color */
51
56
border-radius : 4px ;
52
57
}
53
58
</ style >
75
80
}
76
81
</ style >
77
82
<!-- Responsive navbar-->
78
- < nav class ="navbar navbar-expand-lg navbar-dark bg-dark fixed-top ">
83
+ < nav class ="navbar navbar-expand-lg navbar-dark bg-dark fixed-top ">
79
84
< div class ="container ">
80
85
< img height ="32px " width ="32px " src ="https://csedge.courses/Images/CSEDGE-LOGO32X32.png " alt ="logo " />
81
86
< a class ="navbar-brand " href ="./index.html "> CSEdge Learn</ a >
85
90
< span class ="toggler-icon top-bar "> </ span >
86
91
< span class ="toggler-icon middle-bar "> </ span >
87
92
< span class ="toggler-icon bottom-bar "> </ span >
88
-
89
93
</ button >
90
-
91
94
< div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
92
-
93
- < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
94
- < ul class ="navbar-nav ms-auto mb-2 mb-lg-0 flex justify-content-center ">
95
- < li class ="nav-item me-2 ">
96
- < a class ="nav-link " href ="https://csedge.courses "> < i class ="fa-solid fa-house "> </ i > Home</ a >
97
- </ li >
98
- < li class ="nav-item me-2 ">
99
- < a class ="nav-link " href ="https://csedge.courses/about "> < i class ="fa-solid fa-circle-info "> </ i >
100
- About</ a >
101
- </ li >
102
- < li class ="nav-item me-2 ">
103
- < a class ="nav-link " href ="https://csedge.courses#contact "> < i class ="fa-solid fa-phone "> </ i > Contact</ a >
104
- </ li >
105
- < li class ="nav-item me-2 ">
106
- < a class ="nav-link active " aria-current ="page " href ="#! "> < i class ="fa-solid fa-blog "> </ i > Blog</ a >
107
- </ li >
108
- </ ul >
109
- </ div >
95
+ < ul class ="navbar-nav ms-auto mb-2 mb-lg-0 flex justify-content-center ">
96
+ < li class ="nav-item me-2 ">
97
+ < a class ="nav-link " href ="https://csedge.courses "> < i class ="fa-solid fa-house "> </ i > Home</ a >
98
+ </ li >
99
+ < li class ="nav-item me-2 ">
100
+ < a class ="nav-link " href ="https://csedge.courses/about "> < i class ="fa-solid fa-circle-info "> </ i > About</ a >
101
+ </ li >
102
+ < li class ="nav-item me-2 ">
103
+ < a class ="nav-link " href ="https://csedge.courses#contact "> < i class ="fa-solid fa-phone "> </ i > Contact</ a >
104
+ </ li >
105
+ < li class ="nav-item me-2 ">
106
+ < a class ="nav-link active " aria-current ="page " href ="#! "> < i class ="fa-solid fa-blog "> </ i > Blog</ a >
107
+ </ li >
108
+ </ ul >
110
109
</ div >
110
+ </ div >
111
111
</ nav >
112
+
112
113
<!-- Page header with logo and tagline-->
113
114
< div class ="container ">
114
115
< div class ="text-center my-5 ">
@@ -285,49 +286,37 @@ <h6>About Us</h6>
285
286
href ="https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7202959273855713280 "
286
287
target ="_blank "> Subscribe on LinkedIn</ a >
287
288
</ div >
288
-
289
+
289
290
< div class ="col-xs-6 col-md-3 ">
290
291
< h6 > Categories</ h6 >
291
292
< ul class ="footer-links ">
292
293
< li > < a href ="# "> Web Design</ a > </ li >
293
- < li >
294
- < a href ="# "> JavaScript</ a >
295
- </ li >
296
- < li >
297
- < a href ="# "> HTML</ a >
298
- </ li >
299
- < li >
300
- < a href ="# "> CSS</ a >
301
- </ li >
302
- < li >
303
- < a href ="# "> Freebies</ a >
304
- </ li >
305
- < li >
306
- < a href ="# "> Tutorials</ a >
307
- </ li >
294
+ < li > < a href ="# "> JavaScript</ a > </ li >
295
+ < li > < a href ="# "> HTML</ a > </ li >
296
+ < li > < a href ="# "> CSS</ a > </ li >
297
+ < li > < a href ="# "> Freebies</ a > </ li >
298
+ < li > < a href ="# "> Tutorials</ a > </ li >
308
299
</ ul >
309
300
</ div >
310
-
301
+
311
302
< div class ="col-xs-6 col-md-3 ">
312
303
< h6 > Quick Links</ h6 >
313
304
< ul class ="footer-links ">
314
305
< li > < a href ="https://csedge.courses/about "> About Us</ a > </ li >
315
306
< li > < a href ="https://csedge.courses/#contact "> Contact Us</ a > </ li >
316
- < li >
317
- < a href ="https://github.com/CSEdgeOfficial/learn.csedge.courses "> Contribute</ a >
318
- </ li >
307
+ < li > < a href ="https://github.com/CSEdgeOfficial/learn.csedge.courses "> Contribute</ a > </ li >
319
308
< li > < a href ="./csedge.courses/privacypolicy.html "> Privacy Policy</ a > </ li >
320
309
</ ul >
310
+ < ul class ="social-icons ">
311
+ < li > < a href ="https://youtube.com/@CSEdgeOfficial "> < i class ="fab fa-youtube " aria-hidden ="true "> </ i > </ a > </ li >
312
+ < li > < a href ="https://github.com/CSEdgeOfficial "> < i class ="fab fa-github " aria-hidden ="true "> </ i > </ a > </ li >
313
+
314
+ < li > < a href ="https://www.linkedin.com/company/csedge/ "> < i class ="fab fa-linkedin " aria-hidden ="true "> </ i > </ a > </ li >
315
+ < li > < a href ="https://www.instagram.com/csedgeofficial "> < i class ="fab fa-instagram " aria-hidden ="true "> </ i > </ a > </ li >
316
+ </ ul >
321
317
</ div >
322
318
</ div >
323
319
< hr />
324
- </ div >
325
-
326
-
327
-
328
-
329
-
330
-
331
320
</ div >
332
321
< style >
333
322
.libutton {
@@ -345,7 +334,7 @@ <h6>Quick Links</h6>
345
334
background-color : # 0A66C2 ;
346
335
font-family : "SF Pro Text" , Helvetica, sans-serif;
347
336
}
348
-
337
+
349
338
.libutton : hover {
350
339
display : flex;
351
340
flex-direction : column;
@@ -359,13 +348,31 @@ <h6>Quick Links</h6>
359
348
height : 32px ;
360
349
border-radius : 16px ;
361
350
background-color : black;
362
-
351
+
363
352
border-color : # 0A66C2 ;
364
353
font-family : "SF Pro Text" , Helvetica, sans-serif;
365
354
}
355
+
356
+ .social-icons {
357
+ list-style : none;
358
+ padding : 0 ;
359
+ }
360
+
361
+ .social-icons li {
362
+ display : inline;
363
+ margin-right : 10px ;
364
+ }
365
+
366
+ .social-icons li a {
367
+ color : # 333 ;
368
+ font-size : 20px ;
369
+ }
370
+
371
+ .social-icons li a : hover {
372
+ color : # 007bff ;
373
+ }
366
374
</ style >
367
375
< hr style ="border-top: 1px solid black; ">
368
-
369
376
<!-- Copyright Section -->
370
377
< div class ="container ">
371
378
< div class ="row ">
@@ -377,12 +384,8 @@ <h6>Quick Links</h6>
377
384
</ div >
378
385
</ div >
379
386
</ div >
380
-
381
-
382
- </ div >
383
- </ div >
384
-
385
387
</ footer >
388
+
386
389
<!-- Bootstrap core JS-->
387
390
< script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js "> </ script >
388
391
< script src ="./ScrollToTop.js "> </ script >
0 commit comments