-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (90 loc) · 4.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Portfolio</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<a href="#" class="logo"><span>Nancy</span>Jangra</a>
<nav class="navbar" >
<a href="#" class="active" >Portfolio</a>
<a href="#">Services</a>
<a href="#">Experience</a>
<a href="#">Projects</a>
<a href="#">Education</a>
</nav>
<a href="#" class="contact">Contact me</a>
</header>
<section class="home">
<div class="home-content">
<h3>Hi</h3>
<h1>I'm <span>Nancy</span> a Frontend Developer</h1>
<p>Hello! I'm Nancy, a Computer Science Engineering student at Indira Gandhi Delhi Technical University for Women (IGDTUW). With a keen interest in technology and a passion for problem-solving, I am on a journey to explore the vast world of computing and innovation. As I continue my studies in CSE, I’m excited to contribute to projects that blend creativity with technical expertise. I am enthusiastic about developing my skills in coding, software development, and exploring new technologies to build impactful solutions. Thanks for visiting my page—let’s connect and grow together!</p>
<div class="btn-box">
<button class="btn-1">Hire Me</button>
<button class="btn-2">Experience</button>
</div>
</div>
<div class="img-box">
<img src="https://cdn.pixabay.com/photo/2024/01/23/20/45/child-8528228_1280.png" alt="my photo">
</div>
</section>
<section class="about">
<div class="about-img">
<img src="nancy.jpeg" alt="">
</div>
<div class="about-content">
<h2 class="heading">About <span>ME</span></h2>
<h3>Frontend <span>Developer</span></h3>
<p> As a frontend developer, I specializes in creating the visual and interactive elements of websites and applications. She works with HTML, CSS, and JavaScript, often utilizing frameworks like React, Angular, or Vue.js to build user interfaces that are both responsive and engaging. Her role involves collaborating with designers and backend developers to ensure a seamless user experience, focusing on functionality, accessibility, and aesthetics.
</p>
<a href="#" class="btn-2">Experience</a>
</div>
</section>
<section class="contact-form">
<h2 class="contact-me">Contact<span>Me</span></h2>
<form action="#" class="con-form">
<div class="input-box">
<input type="text" placeholder="Full Name">
<input type="email" placeholder="email">
<input type="number" placeholder="phone number">
<input type="text" placeholder="subject">
</div>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" class="btn-1">
</form>
</section>
<br><br>
<div class="container">
<h2 style="color:black;text-align:center;">Here is a roadmap video for frontend development !!</h2>
<iframe id="myiframe" src="https://www.youtube.com/embed/DbRXv5TXMEE" title="Example website"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen frameborder="0" ></iframe>
</div>
<footer class="footer">
<div class="social">
<a href="#"><i class='bx bxl-facebook-circle' ></i></a>
<a href="#"><i class='bx bxl-instagram' ></i></a>
<a href="#"><i class='bx bxl-twitter' ></i></a>
<a href="#"><i class='bx bxl-linkedin-square'></i></a>
</div>
<ul class="list">
<li> <a href="#">FAQ</a>
</li>
<li> <a href="#">Services</a>
</li>
<li> <a href="#">About Me</a>
</li>
<li> <a href="#">Contact</a>
</li>
<li> <a href="#">privacy Policy</a>
</li>
</ul>
<p class="copyright"> © 2024 Nancy| All rights reserved</p>
</footer>
</body>
</html>