Skip to content

Commit 51283c1

Browse files
ProgrammerGauravProgrammerGaurav
committed
added projects
1 parent a600cfc commit 51283c1

File tree

10 files changed

+176
-0
lines changed

10 files changed

+176
-0
lines changed

‎projects/img/cb.png‎

231 KB
Loading

‎projects/img/dan.png‎

700 KB
Loading

‎projects/img/devsnest.png‎

61.7 KB
Loading

‎projects/img/fw.png‎

226 KB
Loading

‎projects/img/hodges.png‎

1.75 MB
Loading

‎projects/img/js30.png‎

1.11 MB
Loading

‎projects/img/wb.png‎

89.8 KB
Loading

‎projects/img/wnre.png‎

1.47 MB
Loading

‎projects/index.html‎

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Programmer Gaurav | Gaurav Gupta | Contact | Web Developer</title>
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="icon" href="img/icon.png" />
7+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" />
8+
<link rel="stylesheet" href="../css/grid.min.css" />
9+
<link rel="stylesheet" href="../css/style.css" />
10+
</head>
11+
12+
<body>
13+
<!-- Loader screen -->
14+
<div class="se-pre-con"></div>
15+
<!-- Loader Screen Ends -->
16+
<!-- Navbar Starts -->
17+
<nav class="navbar">
18+
<div class="container">
19+
<a href="/#home" class="navbar-brand">
20+
<h1>Programmer Gaurav</h1>
21+
</a>
22+
<div class="toggle">
23+
<i class="fas fa-bars"></i>
24+
</div>
25+
<div class="navbar-nav">
26+
<a href="/#home" class="nav-item">Home</a>
27+
<a href="/#about" class="nav-item">About</a>
28+
<a href="/#skills" class="nav-item">Skills</a>
29+
<a href="/#work" class="nav-item">Work</a>
30+
<a href="/#contact" class="nav-item">Contact</a>
31+
</div>
32+
</div>
33+
</nav>
34+
<!-- Navbar Ends -->
35+
<!-- projects Starts -->
36+
<section>
37+
<div class="container-fluid projects">
38+
<div class="row">
39+
<a href="https://www.wnre.com.au/" target="_blank" class="col-12 col-lg-3">
40+
<div class="project">
41+
<img src="./img/wnre.png" alt="" />
42+
<h3>Warlimont & Nutt</h3>
43+
<p>Real Estate Agency Website</p>
44+
</div>
45+
</a>
46+
<a href="https://factwise.io/" target="_blank" class="col-12 col-lg-3">
47+
<div class="project">
48+
<img src="./img/fw.png" alt="" />
49+
<h3>FactWise</h3>
50+
<p>FactWise's Landing Page</p>
51+
</div>
52+
</a>
53+
<a href="https://bmwcompetition.hodges.com.au/" target="_blank" class="col-12 col-lg-3">
54+
<div class="project">
55+
<img src="./img/hodges.png" alt="" />
56+
<h3>Hodges</h3>
57+
<p>Compedition Application Website</p>
58+
</div>
59+
</a>
60+
<a href="https://whiteboard-focussed.netlify.app/" target="_blank" class="col-12 col-lg-3">
61+
<div class="project">
62+
<img src="./img/wb.png" alt="" />
63+
<h3>Whiteboard</h3>
64+
<p>Whiteboard made in Hackathon</p>
65+
</div>
66+
</a>
67+
<a href="https://www.danhocking.com.au/indexpage" target="_blank" class="col-12 col-lg-3">
68+
<div class="project">
69+
<img src="./img/dan.png" alt="" />
70+
<h3>Dan Hocking</h3>
71+
<p>Photographer's Portfolio</p>
72+
</div>
73+
</a>
74+
<a href="https://chintubot.netlify.app/" target="_blank" class="col-12 col-lg-3">
75+
<div class="project">
76+
<img src="./img/cb.png" alt="" />
77+
<h3>Chintu Bot</h3>
78+
<p>Discord Bot's Landing Page</p>
79+
</div>
80+
</a>
81+
<a href="https://www.youtube.com/watch?v=j1xsalZjYQw" target="_blank" class="col-12 col-lg-3">
82+
<div class="project">
83+
<img src="./img/devsnest.png" alt="" />
84+
<h3>Devsnest Lecture</h3>
85+
<p>Lecture on Frontend Development</p>
86+
</div>
87+
</a>
88+
<a href="https://programmergaurav.me/JavaScript30/" target="_blank" class="col-12 col-lg-3">
89+
<div class="project">
90+
<img src="./img/js30.png" alt="" />
91+
<h3>Javascript 30</h3>
92+
<p>#30daysofjavascript</p>
93+
</div>
94+
</a>
95+
</div>
96+
</div>
97+
</section>
98+
<!-- projects Ends -->
99+
<!-- Footer Starts -->
100+
<section>
101+
<div class="container-fluid footer">
102+
<div class="row">
103+
<div class="col-12">
104+
<img alt="programmergaurav" src="../img/namewhite.webp" />
105+
</div>
106+
<div class="col-12">
107+
<div class="soc">
108+
<a title="Github profile Link" target="_blank" href="https://github.com/programmergaurav">
109+
<i class="fab fa-github"></i>
110+
</a>
111+
</div>
112+
<div class="soc">
113+
<a
114+
title="Facebook profile link"
115+
target="_blank"
116+
href="https://www.facebook.com/profile.php?id=100026746380141"
117+
>
118+
<i class="fab fa-facebook"></i>
119+
</a>
120+
</div>
121+
<div class="soc">
122+
<a
123+
title="Instagram profile link"
124+
target="_blank"
125+
href="https://www.instagram.com/programmergaurav/"
126+
>
127+
<i class="fab fa-instagram"></i>
128+
</a>
129+
</div>
130+
<div class="soc">
131+
<a
132+
title="linkedin profile link"
133+
target="_blank"
134+
href="https://www.linkedin.com/in/programmergaurav/"
135+
>
136+
<i class="fab fa-linkedin"></i>
137+
</a>
138+
</div>
139+
</div>
140+
</div>
141+
</div>
142+
<div class="copyright">
143+
<span>Gaurav Gupta &copy;2020</span>
144+
</div>
145+
</section>
146+
<!-- Footer Ends -->
147+
<script src="./projects.js"></script>
148+
</body>
149+
</html>

‎projects/projects.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
const navbarNav = document.querySelector(".navbar-nav");
2+
const toggle = document.querySelector(".toggle");
3+
const navbar = document.querySelector(".navbar");
4+
5+
toggle.addEventListener("click", () => {
6+
navbarNav.classList.toggle("show");
7+
});
8+
9+
navbarNav.addEventListener("click", () => {
10+
navbarNav.classList.toggle("show");
11+
});
12+
13+
window.addEventListener("scroll", () => {
14+
if (window.pageYOffset > 100) {
15+
navbar.style.height = "64px";
16+
navbar.style.lineHeight = "64px";
17+
navbar.style.backgroundColor = "white";
18+
navbar.style.color = "black";
19+
navbarNav.classList.add("navBar");
20+
} else if (window.pageYOffset == 0) {
21+
navbar.style.height = "77px";
22+
navbar.style.lineHeight = "77px";
23+
navbar.style.backgroundColor = "black";
24+
navbar.style.color = "white";
25+
navbarNav.classList.remove("navBar");
26+
}
27+
});

0 commit comments

Comments
 (0)