Skip to content

Commit e08e8e6

Browse files
MuGrahimanMuGrahiman
committed
Fix: Ensure contribution button functionality is working correctly
1 parent 90bfc7f commit e08e8e6

2 files changed

Lines changed: 149 additions & 139 deletions

File tree

‎index.html‎

Lines changed: 147 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,149 +1,162 @@
11
<!DOCTYPE html>
22
<html lang="en">
33

4-
<head>
5-
<meta charset="UTF-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7-
<meta name="description" content="Home Page" />
8-
<meta name="keywords" content="Front-End, Projects, Templates" />
9-
<meta name="author" content="Tushar Kesarwani" />
10-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11-
<meta name="google-site-verification" content="WpdMF3NaKepMJ5EE4qv_3tK5eKD_sWnUYk02Lc5EtXQ" />
12-
<title>Front-End Projects | Home Page</title>
13-
<!--Main CSS-->
14-
<link rel="stylesheet" href="style.css">
15-
<!--fontawesome-->
16-
<script src="https://kit.fontawesome.com/332a215f17.js" crossorigin="anonymous"></script>
17-
<!--Animate.css--->
18-
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
19-
<!-- Favicon -->
20-
<link rel="icon" href="img/favicon.ico" type="image/png" />
21-
</head>
22-
23-
<body class="notLoaded">
24-
25-
<!-- Preloader Animation -->
26-
<div id="load">
27-
<h1 class="loading-text">Loading...</h1>
28-
<div class="container">
29-
<div class="box"></div>
30-
<div class="box"></div>
31-
<div class="box"></div>
32-
<div class="box"></div>
33-
<div class="box"></div>
34-
</div>
35-
</div>
36-
37-
<!-- scrollbar button -->
38-
<div id="progress">
39-
<i id="progress-value" class="fas fa-arrow-up"></i>
40-
</div>
41-
42-
<!-- Navigation Section -->
43-
<nav>
44-
<div>
45-
<a href="index.html"><img src="img/LOGO.png" alt="logo"></a>
46-
</div>
47-
<div>
48-
<ul>
49-
<li><a href="index.html">Home</a></li>
50-
<li><a href="#projects">Projects</a></li>
51-
<li><a href="https://github.com/TusharKesarwani/Front-End-Projects" class="github-btn"><i class="fa-brands fa-github"></i> &nbsp; Goto GitHub Repository</a></li>
52-
</ul>
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="description" content="Home Page" />
8+
<meta name="keywords" content="Front-End, Projects, Templates" />
9+
<meta name="author" content="Tushar Kesarwani" />
10+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11+
<meta name="google-site-verification" content="WpdMF3NaKepMJ5EE4qv_3tK5eKD_sWnUYk02Lc5EtXQ" />
12+
<title>Front-End Projects | Home Page</title>
13+
<!--Main CSS-->
14+
<link rel="stylesheet" href="style.css">
15+
<!--fontawesome-->
16+
<script src="https://kit.fontawesome.com/332a215f17.js" crossorigin="anonymous"></script>
17+
<!--Animate.css--->
18+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
19+
<!-- Favicon -->
20+
<link rel="icon" href="img/favicon.ico" type="image/png" />
21+
</head>
22+
23+
<body class="notLoaded">
24+
25+
<!-- Preloader Animation -->
26+
<div id="load">
27+
<h1 class="loading-text">Loading...</h1>
28+
<div class="container">
29+
<div class="box"></div>
30+
<div class="box"></div>
31+
<div class="box"></div>
32+
<div class="box"></div>
33+
<div class="box"></div>
34+
</div>
5335
</div>
54-
</nav>
5536

56-
<!-- Body Section -->
57-
<main>
37+
<!-- scrollbar button -->
38+
<div id="progress">
39+
<i id="progress-value" class="fas fa-arrow-up"></i>
40+
</div>
5841

59-
<!-- Hero -->
60-
<div class="left">
61-
<div class="headings">
62-
<h1>Front End<br>Projects</h1>
63-
<p>A Repository where different types of Front - End Projects are present. If you have any front end project then you can contribute to this open source repository.</p>
42+
<!-- Navigation Section -->
43+
<nav>
44+
<div>
45+
<a href="index.html"><img src="img/LOGO.png" alt="logo"></a>
6446
</div>
65-
<a href="https://github.com/TusharKesarwani/Front-End-Projects" class="github-btn-cta"><i class="fa-brands fa-github"></i>&nbsp;&nbsp;Contribute Now&nbsp;&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></a>
66-
</div>
67-
<div class="right">
68-
<img src="https://cdn3d.iconscout.com/3d/premium/thumb/web-developer-4788760-3988051.png" alt="front-end coder">
69-
</div>
70-
</main>
47+
<div>
48+
<ul>
49+
<li><a href="index.html">Home</a></li>
50+
<li><a href="#projects">Projects</a></li>
51+
<li><a href="https://github.com/TusharKesarwani/Front-End-Projects" class="github-btn"><i
52+
class="fa-brands fa-github"></i> &nbsp; Goto GitHub Repository</a></li>
53+
</ul>
54+
</div>
55+
</nav>
56+
57+
<!-- Body Section -->
58+
<main>
59+
60+
<!-- Hero -->
61+
<div class="left">
62+
<div class="headings">
63+
<h1>Front End<br>Projects</h1>
64+
<p>A Repository where different types of Front - End Projects are present. If you have any front end
65+
project then you can contribute to this open source repository.</p>
66+
</div>
67+
<a href="https://github.com/TusharKesarwani/Front-End-Projects" target="_blank"
68+
class="github-btn-cta"><i class="fa-brands fa-github"></i>&nbsp;&nbsp;Contribute
69+
Now&nbsp;&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></a>
70+
</div>
71+
<div class="right">
72+
<img src="https://cdn3d.iconscout.com/3d/premium/thumb/web-developer-4788760-3988051.png"
73+
alt="front-end coder">
74+
</div>
75+
</main>
76+
77+
<!-- Projects Section -->
78+
79+
<section class="project-section" id="projects">
80+
<div class="project-header">
81+
<div class="head">
82+
<h1 class="bg-title">PROJECTS</h1>
83+
<h1 class="title">Projects</h1>
84+
</div>
85+
<form id="searchForm">
86+
<input id="search" type="text" placeholder="Enter projects to search" />
87+
<button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
88+
</form>
89+
</div>
90+
<div class="projects"></div>
91+
</section>
7192

72-
<!-- Projects Section -->
93+
<!-- Contributors list -->
7394

74-
<section class="project-section" id="projects">
75-
<div class="project-header">
95+
<section class="contributors">
7696
<div class="head">
77-
<h1 class="bg-title">PROJECTS</h1>
78-
<h1 class="title">Projects</h1>
97+
<h1 class="bg-title">CONTRIBUTORS</h1>
98+
<h1 class="title">Contributors</h1>
7999
</div>
80-
<form id="searchForm">
81-
<input id ="search" type="text" placeholder="Enter projects to search" />
82-
<button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
83-
</form>
84-
</div>
85-
<div class="projects"></div>
86-
</section>
87-
88-
<!-- Contributors list -->
89-
90-
<section class="contributors">
91-
<div class="head">
92-
<h1 class="bg-title">CONTRIBUTORS</h1>
93-
<h1 class="title">Contributors</h1>
94-
</div>
95-
<ul class="list-section">
96-
<li id="contributors-list"></li>
97-
</ul>
100+
<ul class="list-section">
101+
<li id="contributors-list"></li>
102+
</ul>
98103

99-
</section>
104+
</section>
100105

101106

102-
<footer id="footer">
103-
<div>
104-
&copy; Copyright
105-
<a href="#" target="_blank">
106-
<strong>Front-End Projects</strong>
107-
</a>. All rights reserved.
108-
</div>
109-
<div>Designed with
110-
<i class="fa-solid fa-heart"></i> by
111-
<strong class="text-dark"><a href="https://linktr.ee/tushar_104/" target="_blank">Tushar</a></strong>
112-
</div>
107+
<footer id="footer">
108+
<div>
109+
&copy; Copyright
110+
<a href="#" target="_blank">
111+
<strong>Front-End Projects</strong>
112+
</a>. All rights reserved.
113+
</div>
114+
<div>Designed with
115+
<i class="fa-solid fa-heart"></i> by
116+
<strong class="text-dark"><a href="https://linktr.ee/tushar_104/" target="_blank">Tushar</a></strong>
117+
</div>
113118

114-
</footer>
115-
116-
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
117-
<script src="https://kit.fontawesome.com/d6de929348.js" crossorigin="anonymous"></script>
118-
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
119-
<script>
120-
AOS.init();
121-
</script>
122-
<script type="module" src="script.js"></script>
123-
<script>
124-
// Code for preloader starts
125-
document.addEventListener("DOMContentLoaded", function() {
126-
setTimeout(fadeout, 2000);
127-
// fadeout;
128-
});
129-
130-
function fadeout() {
131-
let loadElement = document.getElementById("load");
132-
if (loadElement) {
133-
setTimeout(function() {
134-
loadElement.style.opacity = 0;
135-
setTimeout(function() {
136-
loadElement.style.display = "none";
137-
let notLoadedElements = document.querySelectorAll(".notLoaded");
138-
notLoadedElements.forEach(function(element) {
139-
element.classList.remove("notLoaded");
140-
});
141-
}, 0);
142-
}, 0);
143-
}
144-
}
145-
// code for preloader ends
146-
</script>
147-
</body>
148-
149-
</html>
119+
</footer>
120+
121+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
122+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
123+
crossorigin="anonymous"></script>
124+
<script src="https://kit.fontawesome.com/d6de929348.js" crossorigin="anonymous"></script>
125+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
126+
<script>
127+
AOS.init();
128+
</script>
129+
<script type="module" src="script.js"></script>
130+
<script>
131+
// Code for preloader starts
132+
document.addEventListener( "DOMContentLoaded", function ()
133+
{
134+
setTimeout( fadeout, 2000 );
135+
// fadeout;
136+
} );
137+
138+
function fadeout ()
139+
{
140+
let loadElement = document.getElementById( "load" );
141+
if ( loadElement )
142+
{
143+
setTimeout( function ()
144+
{
145+
loadElement.style.opacity = 0;
146+
setTimeout( function ()
147+
{
148+
loadElement.style.display = "none";
149+
let notLoadedElements = document.querySelectorAll( ".notLoaded" );
150+
notLoadedElements.forEach( function ( element )
151+
{
152+
element.classList.remove( "notLoaded" );
153+
} );
154+
}, 0 );
155+
}, 0 );
156+
}
157+
}
158+
// code for preloader ends
159+
</script>
160+
</body>
161+
162+
</html>

‎style.css‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -445,7 +445,7 @@ nav {
445445
padding: 0 2rem;
446446
margin: 0 auto;
447447
position: sticky;
448-
top: 2px;
448+
top: 0;
449449
z-index: 100;
450450
}
451451
nav:hover{
@@ -493,15 +493,12 @@ main {
493493
padding: 2rem;
494494
gap: 4rem;
495495
margin: 0 8rem;
496-
position: sticky;
497-
top:0%;
498-
z-index: -1;
499496

500497
}
501498

502499
main .right img {
503500
animation: imgUp 1s linear infinite alternate;
504-
501+
z-index: -1;
505502

506503
}
507504
main .left {

0 commit comments

Comments
 (0)