-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (121 loc) · 5.31 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
<!DOCTYPE html>
<html>
<head>
<title>Karthik_Reddy</title>
<link rel="stylesheet" href="css/styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header class ="header">
<nav class ="main-nav">
<ul>
<li><img class ="logo"src="images/360_F_235149746_tpyiVd6mYOn3svkfRWDJOS53xiyWYRGH.png" alt="Porfolio logo"></li>
<li> <span class="logot">Portfolio</span></li>
<div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact Me</a></li>
</div>
</ul>
</nav>
</header>
<section class="banner" id="home">
<ul>
<li> <img src="images/male.png" alt="Karthik Reddy"> </li>
<li> <p class="intro">HI! I am Karthik,<p class="place"> Second Year Ug Student at IIT Kharagpur</p></p> </li>
</ul>
</section>
<section class="about"id="about">
<div>
<!-- <p>About Me</p> -->
<h1><br><br>About Me</h1>
<p><br>HI! I Am Voddula Karthik Reddy,a Second Year Under Graduate Student At Indian Institute of Techonolgy,Kharagpur.I am a border of Vidyasagar Hall of Residence.I am from Guntur Andhra Pradesh.My Hobies include-listening to music,playing games.</p>
</div>
</section>
<section class="projects" id="projects">
<div class="wrapper">
<h1>Projects</h1>
<div class="container">
<div class="card">
<header class="header">
<img src="images/line-follower.jpeg" alt="Line follower">
<h2>Autonomous Vehicile</h2>
</header>
<p>I have made an Autonomous vehicle with my team using neural netwrok also developed an computer vision model in which it detects cars ,Traffic signals etc</p>
</div>
<div class="card">Project2
<header class="header">
<img src="" alt="">
<h2></h2>
</header>
<p></p>
</div>
<div class="card">Project3
<header class="header">
<img src="" alt="">
<h2></h2>
</header>
<p></p>
</div>
<div class="card">Project4
<header class="header">
<img src="" alt="">
<h2></h2>
</header>
<p></p>
</div>
<div class="card">Project5
<header class="header">
<img src="" alt="">
<h2></h2>
</header>
<p></p>
</div>
<div class="card">Project6
<header class="header">
<img src="" alt="">
<h2></h2>
</header>
<p></p>
</div>
</div>
</div>
</section>
<section class="skills" id ="skills">
<div class="wrapper2">
<h1>Skills</h1>
<div class="container">
<div class="cardg">
<header class="header">
<img src="images/Clang.png" alt="Clang">
<h2>Knowledge of C Langugage</h2>
</header>
<p>I have been working with C language from past one year and implemeted graphs etc with it</p>
</div>
<div class="cardg">Item 2</div>
<div class="cardg">Item 3</div>
<div class="cardg">Item 4</div>
<div class="cardg">Item 5</div>
<div class="cardg">Item 6</div>
<!-- <div class="cardg">Item 7</div> -->
</div>
</div>
</section>
<section class="contact" id ="contact">
<div class="container">
<h1>Contact Me</h1>
<form action="" class="form">
<label for="Name">Name</label>
<input type="text" id="Name" required placeholder="Enter your name">
<label for="Email">Email:</label>
<input type="email" id="email" required placeholder="Enter your email">
<label for="message">Message:</label>
<textarea name="message" id="message" cols="30" rows="10" required placeholder="Enter your message here..."></textarea>
<input type="submit"id ="submit">
</form>
</div>
</section>
</body>
</html>