Skip to content

Commit cd91ae2

Browse files
codingwithveer18codingwithveer18
committed
revert
1 parent 5e6d932 commit cd91ae2

1 file changed

Lines changed: 120 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
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+
<title>Front-End Projects | Home Page</title>
12+
<!--Main CSS-->
13+
<link rel="stylesheet" href="style.css">
14+
<!--fontawesome-->
15+
<script src="https://kit.fontawesome.com/332a215f17.js" crossorigin="anonymous"></script>
16+
<!--Animate.css--->
17+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
18+
<!-- Favicon -->
19+
<link rel="icon" href="img/favicon.ico" type="image/png" />
20+
</head>
21+
22+
<body onload="myfunction()">
23+
<div id="load"></div>
24+
25+
<!-- scrollbar button -->
26+
<div id="progress">
27+
<i id="progress-value" class="fas fa-arrow-up"></i>
28+
</div>
29+
30+
<!-- Navigation Section -->
31+
<nav>
32+
<div>
33+
<a href="index.html"><img src="img/LOGO.png" alt="logo"></a>
34+
</div>
35+
<div>
36+
<ul>
37+
<li><a href="index.html">Home</a></li>
38+
<li><a href="#projects">Projects</a></li>
39+
<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>
40+
</ul>
41+
</div>
42+
</nav>
43+
44+
<!-- Body Section -->
45+
<main>
46+
47+
<!-- Hero -->
48+
<div class="left">
49+
<div class="headings">
50+
<h1>Front End<br>Projects</h1>
51+
<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>
52+
</div>
53+
<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>
54+
</div>
55+
<div class="right">
56+
<img src="https://cdn3d.iconscout.com/3d/premium/thumb/web-developer-4788760-3988051.png" alt="front-end coder">
57+
</div>
58+
</main>
59+
60+
<!-- Projects Section -->
61+
62+
<section class="project-section" id="projects">
63+
<div class="project-header">
64+
<div class="head">
65+
<h1 class="bg-title">PROJECTS</h1>
66+
<h1 class="title">Projects</h1>
67+
</div>
68+
<form id="searchForm">
69+
<input id ="search" type="text" placeholder="Enter projects to search" />
70+
<button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
71+
</form>
72+
</div>
73+
<div class="projects"></div>
74+
</section>
75+
76+
<!-- Contributors list -->
77+
78+
<section class="contributors">
79+
<div class="head">
80+
<h1 class="bg-title">CONTRIBUTORS</h1>
81+
<h1 class="title">Contributors</h1>
82+
</div>
83+
<ul class="list-section">
84+
<li id="contributors-list"></li>
85+
</ul>
86+
87+
</section>
88+
89+
90+
<footer id="footer">
91+
<div>
92+
&copy; Copyright
93+
<a href="#" target="_blank">
94+
<strong>Front-End Projects</strong>
95+
</a>. All rights reserved.
96+
</div>
97+
<div>Designed with
98+
<i class="fa-solid fa-heart"></i> by
99+
<strong class="text-dark"><a href="https://linktr.ee/tushar_104/" target="_blank">Tushar</a></strong>
100+
</div>
101+
102+
</footer>
103+
104+
<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>
105+
<script src="https://kit.fontawesome.com/d6de929348.js" crossorigin="anonymous"></script>
106+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
107+
<script>
108+
AOS.init();
109+
</script>
110+
<script type="module" src="script.js"></script>
111+
<script>
112+
var preloader = document.getElementById('load');
113+
114+
function myfunction() {
115+
preloader.style.display = 'none';
116+
}
117+
</script>
118+
</body>
119+
120+
</html>

0 commit comments

Comments
 (0)