-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (149 loc) · 6.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Aditi</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="images\.vscode\LogoSample_ByTailorBrands.jpg">
<script src="./main.js"></script>
</head>
<body>
<div class="hero">
<nav>
<img src="images\im\LogoSample_ByTailorBrands-removebg-preview.png" class="logo" alt="logo">
<ul id="menu">
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">HIRE ME</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</nav>
<div class="detel">
<h1>I am Aditi <span>Garg</span></h1>
<p>From Classroom to Creation:
<br>A Student Portfolio with Real-World Impact
</p>
<a href="#">DOWNLOAD CV</a>
</div>
<div class="images">
<img src="images\im\graph.png" class="shape" alt="">
<img src="images\im\image.png" class="girl" alt="png">
</div>
</div>
<section id="About">
<div class="about-container">
<div class="about-head">
<h1>About Me<span>:></span></h1>
<p class="text">
Hi there! I'm Aditi Garg, a first-year undergraduate majoring in Mathematics and Computer Science Engineering at Indian Institute of Technology Kharagpur.
<br><br>
<span class="More_text">I recently completed a personal project where I coded a simple website using HTML and CSS. It was a rewarding experience, and I'm constantly looking for new challenges to hone my skills.
<br><br>
I am eager to learn from experienced developers and contribute my skills to collaborative projects. Feel free to explore my portfolio to see past projects and get in touch to connect!
</span>
</p>
<button class="read-more-button">Read More</button>
<a href="https://aditigarg17.github.io/CQ-task/">Static Website</a>
</div>
<div class="about-image">
<img src="images\im\about.png" alt="Aditi Garg">
</div>
</div>
</section>
<section class="portfolio">
<div class="container">
<h1 class="section-heading"><span>My</span>Portfolio</h1>
<div class="card-wrapper">
<div class="card">
<img src="images\flaticons\html.png" width="80px">
<h2>HTML</h2>
<p>Basic understanding of structuring web pages using HTML tags to create content and define layout.</p>
</div>
<div class="card">
<img src="images\flaticons\css.png" width="80px">
<h2>CSS</h2>
<p> Ability to apply styles to HTML elements using CSS for visual design and formatting.</p>
</div>
<div class="card">
<img src="images\flaticons\js-file.png" width="80px">
<h2>Java Sript</h2>
<p>Grasp of the fundamentals of JavaScript, including variables, data types, and basic control flow, to add interactivity to web pages.</p>
</div>
<div class="card">
<img src="images/flaticons/go-lang.png" width="80px">
<h2>Go Lang(Go)<Link:manifest></Link:manifest></h2>
<p>Introduction to Go syntax and basic programming concepts like variables, functions, loops and Concurrency in Go.</p>
</div>
<div class="card">
<img src="images\flaticons\git hub.png" width="80px">
<h2>Git and Git Hub</h2>
<p>Ability to use basic Git commands for version control, including adding, committing, and pushing code changes.
Familiarity with using GitHub as a platform to host code repositories, collaborate with others, and manage Git workflows.</p>
</div>
<div class="card">
<img src="images\flaticons\letter-c.png" width="80px">
<h2>C language</h2>
<p>Understanding of C language fundamentals like data structures, operators, and control flow statements.</p>
</div>
</div>
</div>
</section>
<section class="hire-me">
<h1>Hire Me!</h1>
<p>"Crafting dreams into pixels : Welcome to my creative sanctuary." </p>
<button class="btn-primary"> Download CV</button>
</section>
<section class="contact">
<div class="container">
<h1>
Contact<span> Us</span>
</h1>
<p>
Just A Message Away!
</p>
<div class="wrapper">
<div class="crd">
<a href="https://www.linkedin.com/in/aditi-garg-67608927b/">
<img src="images\flaticons\linkedin.png" alt="linkedin" width="18%">
</a>
<h2>LinkedIn</h2>
</div>
<div class="crd">
<a href="https://www.facebook.com/profile.php?id=100094290583399&mibextid=LQQJ4d">
<img src="images\flaticons\facebook.png" alt="facebook" width="18%" >
</a>
<h2>facebook</h2>
</div>
<div class="crd">
<a href="https://www.instagram.com/aditigarg484?igshid=ODA1NTc5OTg5Nw%3D%3D&utm_source=qr">
<img src="images\flaticons\instagram.png" alt="instagram" width="18%">
</a>
<h2>Instagram</h2>
</div>
<div class="crd">
<a href="">
<img src="images\flaticons\gmail.png" alt="gmail" width="18%">
</a>
<h2>Email</h2>
<h6>[email protected]</h6>
</div>
</div>
<div class="inputwrap">
<input type="text" placeholder="Your Name">
<input type="text" placeholder="Your E-mail">
</div>
<div class="inputwrap2">
<input type="text" placeholder="Your Subject____">
<textarea cols="30" rows="10" placeholder="Your Message...">Your Message
</textarea>
</div>
<div>
<button class="btn-primary">Send Message</button>
</div>
</div>
</section>
<button id="btnScrollToTop" title="Go to top">Top</button>
</body>
</html>