-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
138 lines (132 loc) · 5 KB
/
home.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
<!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" />
<meta name="author" content="Sriram Chowdary Mogalapu" />
<meta name="keywords"
content="Portfolio,Html,Css,JavaScript,Sriram,SriramChowdary,Mogalapu,Sriram Chowdary Mogalapu,SriramChowdaryMogalapu,Chowdary" />
<meta name="description" content="Portfolio of Sriram Chowdary Mogalapu" />
<link rel="stylesheet" href="style.css" />
<link rel="shortcut icon" href="logo.webp" type="image/x-icon">
<link rel="icon" href="logo.webp">
<meta property="og:type" content="website" />
<meta property="og:title" content="Sriram Chowdary Mogalapu's Portfolio" />
<meta property="og:image" content=<img src="logo.webp" />
<meta property="og:description" content="Detailed description about Sriram Chowdary Mogalapu" />
<meta property="og:url" content="https://sriram-chowdary.netlify.app/">
<meta property="og:site_name" content="Sriram Chowdary Mogalapu's Portfolio">
<title>SRIRAM CHOWDARY MOGALAPU</title>
<script src="https://kit.fontawesome.com/11db026357.js" crossorigin="anonymous"></script>
<script src="script.js"></script>
<style>
#nav-icon-1 {
background-color: rgb(255, 166, 0);
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px;
}
[id^="nav-icon"]:hover {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px;
background-color: rgb(255, 166, 0);
}
footer a:hover {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px;
background-color: rgb(255, 166, 0);
}
#nav-icon-5 {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px;
border: #0277fc solid;
}
img{
border: #0277fc solid;
border-radius: 5%;
}
</style>
</head>
<body>
<header id="header">
<div id="nav-bar">
<div id="nav-icon-1">
<a href="https://sriram-chowdary.netlify.app"><i class="fa-solid fa-house"></i>   Home</a>
</div>
<div id="nav-icon-2">
<a href="about.html"><i class="fa-solid fa-user-tie"></i>   About Me</a>
</div>
<div id="nav-icon-3">
<a href="skills.html"><i class="fa-brands fa-centos"></i>   Skills and
Certifications</a>
</div>
<div id="nav-icon-4">
<a href="projects.html"><i class="fa-regular fa-file-code"></i>   Projects</a>
</div>
<div id="nav-icon-5">
<a href="#contact"><i class="fa-solid fa-phone"></i>   Contact</a>
</div>
</div>
<br /><br />
</header>
<main>
<div id="content">
<h1 id="content-heading">Hello!!</h1>
<h1 id="name">This is <a href="https://sriram-chowdary.netlify.app">Sriram</a> here</h1>
<div>
<span>
<h1 id="content-type" class="content-type">
Full Stack Web Developer
</h1>
</span>
</div>
<br /><br />
<a href="https://drive.google.com/file/d/1VaOTAAvVTEi4LSsHuHl17OoGZIAW_SnX/view?usp=drive_link"><button
id="resume">My Resume</button></a>
   
<a href="https://drive.google.com/uc?export=download&id=1VaOTAAvVTEi4LSsHuHl17OoGZIAW_SnX" download><i
class="fa-solid fa-download" style="color: #FFD43B;"></i></a>
</div>
<div id="image">
<img src="photo1.JPG" alt="Image" width="340" />
<br><br>
</div>
</main>
<footer id="footer">
<h3>Follow me on</h3>
<div id="social-media">
<a href="https://github.com/SriramChowdaryMogalapu"><i class="fa-brands fa-github"></i>   Github</a>
<a href="https://www.linkedin.com/in/sriram-chowdary-mogalapu-899500185/"><i class="fa-brands fa-linkedin"></i>
  Linkedin</a>
<a href="https://www.instagram.com/sriram.mogalapu/"><i class="fa-brands fa-instagram"></i>   Instagram</a>
<a href="https://www.facebook.com/SriramChowdary123"><i class="fa-brands fa-facebook"></i>   Facebook</a>
<a
href="https://api.whatsapp.com/send?phone=919381436552&text=Hi!%20%20This%20is%20Sriram%20here!!%20Feel%20Free%20to%20message%20me%20for%20any%20doubts!!"><i
class="fa-brands fa-whatsapp"></i>   WhatsApp</a>
</div>
<br />
<h3>Contact me on</h3>
<br />
<div id="contact">
<a href="mailto: mogalapusriram391@gmail.com"><i class="fa-solid fa-envelope"></i>  
mogalapusriram391@gmail.com</a>
<br />
<a href="tel: +91 9381436552"><i class="fa-solid fa-mobile"></i>   9381436552</a>
<br />
<a href="Form.html"><i class="fa-solid fa-align-justify"></i>   Contact via form</a>
</div>
</footer>
</body>
</html>