-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (115 loc) · 3.28 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
<!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>Sriram Iyer</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script defer src="./projects.js"></script>
<script defer src="./script.js"></script>
</head>
<body>
<header>
<nav>
<div>
<a class="brand" href="/">
<div class="img"></div>
<div class="text">Sriram Iyer</div>
</a>
</div>
<div class="hamburger" id="hamburger">
<img src="./images/hamburger.png" alt="hamburger" title="hamburger" />
</div>
<div class="menu" id="menu">
<ul>
<li><a class="nav-link" href="#about">About</a></li>
<li><a class="nav-link" href="#contact">Contact</a></li>
<li><a class="cta" href="#work">View Work</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div class="about" id="about">
<h1>Hi there!</h1>
<p>Fuelled by a passion for developing software, I have a deep desire to
excel and continuously improve in my
work.
Learn more about my journey below.</p>
</div>
<section class="work" id="work"></section>
<section class="contact" id="contact">
<h2>Want to get in touch?</h2>
<form id="contact-form" class="contact-form"
action="https://contact-me-backend.herokuapp.com/contact"
method="POST" enctype="text/plain">
<section class="input-block">
<label for="name">Name</label>
<input
type="text"
name="name"
id="name"
minlength="1"
required
placeholder="Enter your name">
</section>
<section class="input-block">
<label for="email">Email</label>
<input
type="email"
name="email"
id="email"
required
placeholder="Enter your E-Mail ID">
</section>
<section class="input-block input-block__textarea">
<label for="message">Message</label>
<textarea
name="message"
id="message"
placeholder="Enter your message"
required
minlength="10"
maxlength="5000"></textarea>
</section>
<section class="input-block">
<button type="submit" id="contact-form-submit-btn"
class="cta">Submit</button>
</section>
</form>
</section>
</main>
<footer class="socials">
<ul>
<li>
<a href="mailto:sriramiyer.dev@gmail.com" target="_blank" rel="rel="
noreferrer noopener"">
<img src="./images/gmail-logo.png" alt="Email Id"
title="Email Id" />
</a>
</li>
<li>
<a href="https://linkedin.com/in/sriram-iyer-11b4291a3" target="_blank"
rel="rel=" noreferrer noopener"">
<img src="./images/linkedin.png" alt="LinkedIn Profile"
title="LinkedIn Profile" />
</a>
</li>
<li>
<a href="https://github.com/Pika-Pool" target="_blank" rel="rel="
noreferrer noopener"">
<img src="./images/GitHub-Mark-32px.png" alt="GitHub Profile"
title="GitHub Profile" />
</a>
</li>
</ul>
</footer>
</body>
</html>