-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (130 loc) · 4.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Amrutha | Frontend developer</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<nav class="navbar">
<div id="nav-name">
<a href="/portfolio">
<span>Amrutha</span> <span style="color: black">Kommina</span>
</a>
</div>
<div class="nav-items">
<span><a href="#skillsPage">Skills</a></span>
<span><a href="#technologies">Technologies</a></span>
<span><a href="#contact">Contact Us</a></span>
</div>
</nav>
<div class="media">
<div class="socials">
<a
id="img1"
target="_blank"
href="https://www.linkedin.com/in/amrutha-kommina"
><img src="./linkedIn.png" alt="linkedIn profile"
/></a>
<a
id="img2"
target="_blank"
href="https://www.github.com/amrutha-kommina"
><img src="./github.png" alt="github profile"
/></a>
</div>
</div>
<main>
<div class="Intro">
<h1>Hi, I'm <span style="color: #0066ff">Amrutha Kommina</span></h1>
<div class="brief">
I am Amrutha Kommina. I am first year undergraduate in electrical
engineering department. I love to do coding and solving problems on
data structures and algorithms. I want to be a full stack developer.
</div>
</div>
<div class="skills" id="skillsPage">
<h1><span style="color: black">Learning </span><span>Skills</span></h1>
<h1 id="subSkillsHeading">Web Development</h1>
<div class="subSkills">
<img src="webDev.jpeg" alt="webDev" />
<p>
I am currently learning web development. I want to design responsive
websites using HTML, CSS and currently learning responsive web
design, and JAVASCRIPT to build dynamic websites.
</p>
</div>
<h1 id="subSkillsHeading">Data Structures</h1>
<div class="subSkills">
<p>
Currently, I am learning Data Structures and algorithms to improve
my problem solving skills and become a proficient Coder.
</p>
<img src="dataStructures.jpeg" alt="dataStructures" />
</div>
<h1 style="position: relative; top: 10rem" id="subSkillsHeading">
Technologies
</h1>
<div id="technologies" class="technologies">
<div class="techstack">
<img src="python.png" alt="" />
<div>
<h2>Python</h2>
<p>For automation and building bots and backends.</p>
</div>
</div>
<div class="techstack">
<img src="cpp.webp" alt="" />
<div>
<h2>C++</h2>
<p>For the data structures algorithms and programming</p>
</div>
</div>
<div class="techstack">
<img src="html-logo.png" alt="" />
<div>
<h2>HTML</h2>
<p>Skeleton of Frontend Development</p>
</div>
</div>
<div class="techstack">
<img src="css-logo.png" alt="" />
<div>
<h2>CSS</h2>
<p>Styling part for web pages</p>
</div>
</div>
<div class="techstack">
<img src="git.png" alt="" />
<div>
<h2>Git</h2>
<p>To collabrat and maintain version control history.</p>
</div>
</div>
<div class="techstack">
<img src="typing.avif" alt="" />
<div>
<h2>10-Key</h2>
<p>I am able to type at 50+ WPM.</p>
</div>
</div>
</div>
</div>
</main>
<footer id="contact">
<h2>Thanks for visiting my portfolio ❤</h2>
<h3>Contact Me:</h3>
<a target="_blank" href="https://www.linkedin.com/in/amrutha-kommina"
><img src="linkedIn.png" alt=""
/></a>
<a target="_blank" href="https://www.instagram.com/amruthak.91_"
><img src="instagram.webp" alt=""
/></a>
<a target="_blank" href="https://github.com/amrutha-kommina"
><img src="github.png" alt=""
/></a>
</footer>
</body>
</html>