-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (193 loc) · 9.55 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Task1</title>
<link rel="stylesheet" href="style.css">
</head>
<body >
<!--Styles-->
<div class="styles">
<marquee> <p style="color: red;background-color:aliceblue;text-align:center;font-family:serif;font-size:large">Hy My name is Nagendra and this is my first task</p></marquee>
</div>
<div class="N">
<nav>
<ul>
<li><a href="home">Home</a></li>
<li><a href="about">About</a></li>
<li><a href="service">Service</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</nav>
</div>
<!--Headins-->
<div class="Headings">
<h1>NagendraSriram</h1>
<h2>NagendraSriram</h2>
<h3>NagendraSriram</h3>
<h4>NagendraSriram</h4>
<h5>NagendraSriram</h5>
<h6>NagendraSriram</h6>
</div>
<!--formatting-->
<div class="formatting">
<p>Nagendra Sriram is a passionate and ambitious <i>2<sup>1</sup>nd-year</i> B.Tech CSE student at<em> SRM Institute of Science and Technology <mark>(2023-2027)</mark></em> with a strong interest in the IT and software engineering industry. <br>Proficient in <strong>Java, Python, SQL, and web development </strong>technologies like HTML, CSS, and JavaScript, he combines technical expertise with creative problem-solving. <br>
Nagendra has completed notable projects, including an <u>Electricity Billing System</u> using Java, JDBC, and SQL, a responsive resume website, and <sub>a</sub> Car Rental System showcasing his <big>web development</big><small> skills</small></p>
</div>
<!--Quotations-->
<div class="quotations">
<h2>Dream</h2>
<blockquote>
His creativity shines through initiatives like designing a unique contact form for a competition, reflecting his drive to impress and excel. He aspires to develop innovative solutions, such as a<abbr title="Just A Rather Very Intelligent System"> <q>J.A.R.V.I.S.</q></abbr>-like virtual assistant, showcasing his enthusiasm for futuristic technology.
</blockquote>
<bdo dir="rtl">arey entra idhi</bdo>
<address>
<p>Written by <a href="https://www.linkedin.com/in/nagendrasriram103/">Nagendra Sriram</a></p>
</address>
</div>
<!--Links,-->
<div class="Colors">
<a href="https://www.linkedin.com/in/nagendrasriram103/" target="_blank">Nagendra Linkedin page</a>
</div>
<!--Images-->
<div class="Images">
<figure>
<img src="img/photo.jpg" alt="NagendraSriram"width="200" height="200">
<figcaption>Nagendra Sriram</figcaption>
</figure>
</div>
<!--Tables-->
<div class="tables">
<table border="1" align="center">
<caption>Education Table</caption>
<tr>
<th colspan="2">Year</th>
<th>Qualification</th>
<th>Institution</th>
<th>CGPA</th>
</tr>
<tr>
<td>2023</td>
<td>2027</td>
<td>B.Tech CSE</td>
<td>SRMIST</td>
<td>9.0</td>
</tr>
<tr>
<td>2021</td>
<td>2023</td>
<td>Intermediate</td>
<td>Narayana Junior College</td>
<td>97%</td>
</tr>
<tr>
<td>2020</td>
<td>2021</td>
<td>SSC</td>
<td>LPS</td>
<td>9.8</td>
</tr>
</table>
</div>
<!--Lists-->
<div class="lists">
<ul type="square">
<li>Names</li>
<li>Nagendra</li>
<li>Sriram</li>
</ul>
<ol type="A">
<li>Names</li>
<li>Hemanth</li>
<li>Vikas</li>
<li>Mohan</li>
</ol>
<dl>
<dt>Name:</dt>
<dd>Nagendra Sriram</dd>
</dl>
</div>
<!--Block and Inline-->
<p class="Sem">Nagendra demonstrates leadership as a board member of ACM-W and entrepreneurial spirit through his bakery specializing in sourdough bread. A district-level basketball player, he brings a competitive spirit and teamwork to every challenge. <span style="border:1px solid black;">His certifications, including JavaScript, Python, Generative AI with Microsoft, and Postman API Fundamentals</span></p>
<div class="bandi" style ="background-color:red;">
This is my friend @Myfriend
</div>
<!--Sematics-->
<section>
<article>
<h2 style="text-align:center;">About me</h2>
<details>
<summary>Click here to know more</summary>
<p>Nagendra Sriram is a passionate and ambitious 2nd-year B.Tech CSE student at SRM Institute of Science and Technology (2023-2027) with a strong interest in the IT and software engineering industry. Proficient in Java, Python, SQL, and web development technologies like HTML, CSS, and JavaScript, he combines technical expertise with creative problem-solving. Nagendra has completed notable projects, including an Electricity Billing System using Java, JDBC, and SQL, a responsive resume website, and a Car Rental System showcasing his web development skills.</p>
</details>
<header>
<h3>Education</h3>
<p>Nagendra Sriram is a passionate and ambitious 2nd-year B.Tech CSE student at SRM Institute of Science and Technology (2023-2027) with a strong interest in the IT and software engineering industry.</p>
<aside>Nagendra is good boy</aside>
</header>
<footer>
<h4>Skills</h4>
<p>Proficient in Java, Python, SQL, and web development technologies like HTML, CSS, and JavaScript, he combines technical expertise with creative problem-solving.</p>
</footer>
<figure>
<marquee scrollamount="150" direction="right"> <img src="img/photo.jpg" alt="Nagendra Sriram" width="200" height="200"></marquee>
<figcaption>Nagendra Sriram</figcaption>
</figure>
<nav>
<a href="https://www.linkedin.com/in/nagendrasriram103/" target="_blank">Nagendra Linkedin page</a><br>
<a href="https://github.com/Nagendrasriram" target="_blank" >Nagendra Github page</a>
</nav>
</article>
</section>
<!--Forms-->
<form method="post" action="index.html">
<fieldset>
<legend>My Form</legend>
<h3>Details</h3>
Name:<input type="text" name="name" id="name" placeholder="Enter your name" required><br>
Email:<input type="email" placeholder="Enter your email" id="email"><br>
<input type="submit" value="Cheppu">
<h3>Gender</h3>
<input type="radio" name="Gender" id="gender" value="Male">Male
<input type="radio" name="Gender" id="gender" value="Female">Female
<input type="submit" value="Cheppu">
<h3>Known Programming Languages</h3>
<input type="checkbox" name="lang" id="lang" value="C">C
<input type="checkbox" name="lang" id="lang" value="Java">Java
<input type="checkbox" name="lang" id="lang" value="Python">Python
<input type="checkbox" name="lang" id="lang" value="C++">C++
<input type="submit" value="Submit">
<h3>Choose your favourite language</h3>
<select name="Favlang" id="Favlang">
<option value="c">C</option>
<option value="python">python</option>
<option value="Java">Java</option>
<option value="Sql">Sql</option>
<option value="R">R</option>
<input type="submit" value="Cheppu">
</select>
</fieldset>
</form>
<br>
<br>
<!--Audio and video-->
<audio controls >
<source src=".mp3" type="audio/mp3">
</audio>
<br>
<video width="200" height="200" controls >
<source src="img/2 n.mp4" type="video/mp4" >
</video>
<br>
<br>
<!--Iframe-->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3828.74629709936!2d80.44133287491009!3d16.3359023843829!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a4a7561646c6581%3A0x5bd2fbf59024791f!2sAtoms%20Digital%20Solutions%20-%20Digital%20Marketing%20%26%20Software%20Development!5e0!3m2!1sen!2sin!4v1734421001789!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<br>
<br>
<hr>
<footer class="footer">
<p>Copyright ©2024 All rights reserved | made with by Nagendrasriram</p>
</footer>
</body>
</html>