-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·160 lines (156 loc) · 8.14 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Hi Guyz! I am Zeeshan Chowdhary a programmer & a full stack developer passionate about technology, security and current affairs. To know more about me click here ....">
<meta name="keywords" content="Front-end development, Full Stack Developer, Programer, Designing, Programming, Personal portfolio">
<meta name="author" content="Zeeshan Chowdhary">
<title>Zeeshan's Portfolio</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="icon" href="images/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="bgcontainer">
<header>
<nav>
<div class="logo"><a href="#home"><img src="images/mylogo1.png" alt="LOGO"></a></div>
<div class="openMenu " onclick="toggleMenu();"></div>
<ul class="menu">
<li><a href='#home' onclick="toggleMenu();">Home</a></li>
<li><a href='#about' onclick="toggleMenu();">About</a></li>
<li><a href='#services' onclick="toggleMenu();">Services</a></li>
<li><a href='#work' onclick="toggleMenu();">Work</a></li>
<li><a href='#testimonials' onclick="toggleMenu();">Testimonials</a></li>
<li><a href='#Contact' onclick="toggleMenu();">Contact</a></li>
<div class="closeMenu"><i class="fa fa-times"></i></div>
</ul>
</nav>
</header>
<main>
<div class="intro-container" id="home">
<div class="intro-text-container">
<span class="line1">Hi Guys👋 I'm</span><br><span class="line2">Zeeshan Chowdhary</span><br><span class="line3">I’m a passionate self-taught Developer who loves to code, code & code /> </span><br>
<button> <a href="#about">ABOUT ME</a></button>
</div>
</div></div>
<div class="about-me" id="about">
<h2>About Me</h2>
<div class="content">
<div class="content-box"><h3>I'm a Programmer & a Full Stack Developer </> </h3>
Hi there. I'm Zeeshan Chowdhary. A <b>Developer, Tech Enthusiast and a Computer Science student at NIT Srinagar</b> presently. <br>
<br>
Here, you'll get my work, services and your essential testimonials. <br>
<br>
Have a nice day Folks! 👋</div><div>
<img src="images/myimg1.jpg" alt="image"></div></div>
</div>
<div class="services center" id="services">
<h2>Our Services</h2>
<p>Politeness goes far, yet costs nothing. It's all about customers.</p>
<div class="service-box">
<div class="service-card">
<img src="images/icon1.png" alt="ICON">
<h3>UI/UX Designing</h3>User Experience Design services that we provide can turn your thoughts into reality by using the latest tools & technologies.
</div>
<div class="service-card">
<img src="images/icon2.png" alt="ICON">
<h3>Web Development</h3>Get 100% responsive, SEO Friendly, High Quality High Speed Static/Dynamic website for your business.
</div>
<div class="service-card">
<img src="images/icon3.png" alt="ICON">
<h3>App Development</h3>Best Android/iOS App Development in the country. All types of applications ready within 5 days.
</div>
<div class="service-card">
<img src="images/icon4.png" alt="ICON">
<h3>Testing</h3>Professional leader in Testing and Hunting. IoT Leverage Artificial Intelligence for testing the Quality of your enterprise applications.
</div>
<div class="service-card">
<img src="images/icon5.png" alt="ICON">
<h3>Content Writing</h3>Article writing services are aimed to develop a strong online presence, increase your experience & build credibility for your business.
</div>
<div class="service-card">
<img src="images/icon6.png" alt="ICON">
<h3>Software Development</h3>Development of web applications, mobile applications, cloudflare apps, DevOps Automations etc.
</div>
</div>
</div>
<div class="work center" id="work">
<h2>My Latest Work</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<img src="images/product1.jpg" alt="Image">
<img src="images/product2.jpg" alt="Image">
<img src="images/product3.jpg" alt="Image">
<img src="images/product4.jpg" alt="Image">
</div>
<div id="testimonials"><br><br><br><br><br></div>
<div class="testimonials center">
<div class="head"><h2>Testimonials</h2>
<p>You're the center of our only universe.</p></div>
<div class="content">
<div class="content-box">
<p>@ZeeshanChowdhary It's like you really read my mind that what i wanted. Thankyou! for the amazing website.</p>
<h3>Keyli Amarsen</h3>
<div>Lead Analyst</div>
</div>
<div class="content-box">
<p>Firstly thanks to @ZeeshanChowdhary He offers a powerful suite of tools that every developer must have. And if you ever face any issue he's always there & ready to help you out. I'm using my application programmed & developed by him and trust me, it's working Amazing! His work is appreciable.</p>
<h3>Adam Smith</h3>
<div>Digital Marketing Mananager</div>
</div>
</div>
</div>
<div id="Contact" class="contact center">
<h2>Contact Me</h2>
<p>While we’re good with smoke signals, there are simple ways to get in touch and get answered to your questions.</p>
<div class="content">
<div class="contact-info">
<h3>Contact Info</h3>
<div class="container">
<div class="address">
<h4> <i class="fa fa-map-marker"></i>Address</h4>
<p>Noor Mohalla, Bantalab
Near Radio Station.
Jammu - 181123</p>
</div>
<div class="phone">
<h4><i class="fa fa-phone"></i>Phone</h4>
<p>+91 7051961023</p>
</div>
<div class="email">
<h4><i class="fa fa-envelope"></i>Email</h4>
<p>zeeshanchowdhary786@gmail.com</p>
</div>
</div></div>
<div class="contact-form">
<h3>Write To Me</h3>
<div>
<input type="text" placeholder="Full Name"></div>
<div><input type="email" placeholder="Email"></div>
<div><textarea name="message" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<div><button>SEND</button></div>
</div>
</div>
</div>
</div>
</main>
<footer class="center">
Copyright © 2022! All rights reserved.
</footer>
<script>
window.addEventListener("scroll", function () {
var nav = document.querySelector("nav");
nav.classList.toggle("sticky", window.scrollY > 0);
});
function toggleMenu() {
var menuToggle = document.querySelector(".openMenu");
menuToggle.classList.toggle("active");
var menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>