-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (127 loc) · 6.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Srinath Reddy | Portfolio</title>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<section class="hero" id="hero">
<nav>
<div class="logo">S</div>
<ul>
<li><a href="#aboutme">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<a href="#awards"><li>Honors & awards</li></a>
</ul>
</nav>
<div class="hero-area">
<div class="hero_text">
<h1>Srinath Reddy Sadipiralla</h1>
<p><span class="auto-type"></span></p>
</div>
<div class="socials">
<div class="social">
<a href="https://www.linkedin.com/in/srinath-reddy-sadipiralla/"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="#ffffff">
<path
d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
</svg></a>
</div>
<div class="social">
<a href="https://github.com/srinathv2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="#ffffff">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
</a>
</div>
</div>
</div>
</section>
<section class="aboutme" id="aboutme">
<div class="abtext">
<h1 style="font-size: 50px;">About Me</h1>
<div class="about">
I am a Programmer who wants to solve <b style="text-decoration: underline;">real-world problems</b> using the tech i am learning and wants to add some value to the society.
</div>
</div>
<div class="me-cont">
<img src="images/prome1.png" alt="its me" class="me">
</div>
</section>
<section class="Projects" id="projects">
<h1 style="font-size: 50px; margin-bottom: 20px;">Projects</h1>
<div class="cards">
<div class="card">
<img src="images/hotstar.png" alt="hotstar_clone_app">
<h1>Disney+Hotstar Clone App</h1>
<h5>This is a Disney+Hotstar Clone App which is Hybrid App which is built using Flutter Framework and this is only frontend part.</h5>
<hr>
<a href="https://github.com/srinathv2/disney-hotstar_clone">checkout the source code</a>
</div>
<div class="card">
<img src="images/portfolio.png" alt="my_portfolio">
<h1>My Portfolio</h1>
<h5>
This is My Portfolio which tells about me and my skills,this is made using HTML,CSS,JavaScript.
</h5>
<hr id="hr">
<a href="https://github.com/srinathv2/srinathreddy">checkout the source code</a>
</div>
<div class="card">
<img src="images/chromex.png" alt="chrome_extension">
<h1>Word-Related-Images Chrome Extension</h1>
<h5>
This is a chrome extension which pulls random images from web,based on the given word such as nature,rain,etc.
</h5>
<hr>
<a href="https://github.com/srinathv2/randomImages">checkout the source code</a>
</div>
</div>
</section>
<section id="skills">
<h1 style="text-align: center; font-size: 50px;">Skills</h1>
<div class="pbar" id="s2">Python(80%)</div>
<div class="pbar" id="s2">C(80%)</div>
<div class="pbar" id="s3">Java(60%)</div>
<div class="pbar" id="s4">Flutter(60%)</div>
<div class="pbar" id="s11">OS(70%)</div>
<div class="pbar" id="s11">DBMS(70%)</div>
<div class="pbar" id="s5">HTML(90%)</div>
<div class="pbar" id="s6">CSS(60%)</div>
<div class="pbar" id="s7">JavaScript(50%)</div>
<div class="pbar" id="s8">SQL(60%)</div>
<div class="pbar" id="s9">AWS(50%)</div>
<div class="pbar" id="s10">CyberSecurity(30%)</div>
</section>
<section class="awards" id="awards">
<div class="sub">
<h1 style="font-size: 50px;"> Honors & awards</h1>
<div class="awa">I was awarded for the <b>best progress</b> in the 5-day <b>soft skills</b> training which was held in our college by APITA-Andhra Pradesh Information Technology Academy and Nandi organisation in November 2021.</div>
</div>
</section>
<footer>
<div>
<pre>while(!Dead):</pre>
<pre> find_bugs_in_life()</pre>
<pre> remove_bugs()</pre>
<pre> improve()</pre>
</div>
Made by Srinath Reddy🙋♂️
<br>
contact me:- [email protected]
</footer>
<button id="top">
<i><img src="images/arrow.png" alt=""></i>
</button>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="script.js">
</script>
</body>
</html>