-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (116 loc) · 4.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav id="navbar">
<div id="logo">
Portfolio
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#about-section">About Me</a></li>
<li class="item"><a href="#Skills-section">Skills</a></li>
<li class="item"><a href="#project-section">Projects</a></li>
<li class="item"><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="home">
<div class="homecontainerleft">
<p>Hello! I'm</p><br />
<h2>Ronak Katariya</h2><br />
<h3>Web Developer</h3>
</div>
<div class="homecontainerright">
<img src="ronak.jpg" alt="image of Ronak" id="img">
</div>
</section>
<section id="about-section">
<h1>About Me</h1>
<div class="containerofboth">
<div class="container1">
<img src="experience.png" alt="logo for education" class="icon">
<h3>Experience</h3><br />
<p>2+ years <br />Frontend Development</p><br />
</div>
<div class="container2">
<img src="edu.jpg" alt="education icon" class="icon">
<h3>Education</h3><br /><p>Pursuing</p><br />
<p>B.E in I.T</p><br />
</div>
</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere inventore maiores nihil consequatur ullam ab veniam modi totam beatae id, nemo quae nulla, quod enim, dolorum odio unde eos harum!
Unde iure, cupiditate accusantium recusandae voluptates libero. Excepturi perspiciatis reiciendis laborum veritatis placeat commodi necessitatibus deserunt alias, expedita ullam atque nam! Atque, voluptatum dolores iusto eum ipsa reiciendis repudiandae omnis.</p>
</section><br>
<section id="Skills-section">
<h1>My Skills</h1>
<div class="skills">
<img src="skills.jpg" alt="skillslogo" id="skillslogo">
</div>
</section>
<section id="project-section">
<h1>Projects</h1></br>
<div class="projects">
<h2>Project 1</h2></br>
<h3>Responding Landing Webpage</h3></br>
<a href="https://ronak03rsk.github.io/PRODIGY_WD_01/">
<img src="landing.png" alt="project image" class="projectsimg">
</a>
</div>
<div class="projects">
<h2>Project 2</h2>
<h3>Stopwatch</h3>
<a href="https://ronak03rsk.github.io/PRODIGY_WD_02/">
<img src="stopwatch.png" alt=""class="projectsimg">
</a>
</div>
<div class="projects">
<h2>Project 3</h2>
<h3>Tic Toc Toe Game</h3>
<a href="https://ronak03rsk.github.io/PRODIGY_WD_03/">
<img src="tictoctoe.png" alt=""class="projectsimg">
</a>
</div>
</section>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email: </label>
<input type="email" name="name" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone Number: </label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone">
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
<span>
<a href="https://www.linkedin.com/in/ronak-katariya-02877b284?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img src="linkd.jpg" alt="linkedin logo" class="icon">
</a>
</span>
<span>
<a href="https://instagram.com/ronakkatariya03?igshid=OGQ5ZDc2ODk2ZA=="><img src="insta.jpg" alt="instagramlogo" class="icon">
</a>
</span>
Copyright © Ronak Katariya All rights reserved!
</div>
</footer>
</body>
</html>