-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
151 lines (137 loc) · 6.7 KB
/
contact.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@700&family=Orbitron:wght@900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- my custom CSS -->
<link rel="stylesheet" href="styles/my.css" type="text/css" />
<link rel="stylesheet" href="styles/images.css" />
<!--favicon-->
<link rel="icon" type="image/png" href="assets/newlogo.png.png" />
<title>Abhijeet Bhagat|Software Engineer</title>
</head>
<body>
<!-- topnav and customizations -->
<!-- topnav and customizations -->
<nav class="navbar sticky-top navbar-expand-lg navbar-dark nav-custom">
<!--brand logo and Name-START-->
<a class="navbar-brand" href="index.html">
<div id="logodiv">
A
</div>
</a>
<a class="navbar-brand" href="index.html">
<div>
<div class="head-name">ABHIJEET</div>
</div>
</a>
<!--brand logo and Name-END-->
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item" active>
<a class="nav-link" href="about.html"><span> About</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html"><span> Portfolio</span>
</a>
</li>
<li class="nav-item">
<!--Resume link disabled using disabled class-->
<a class="nav-link disabled" href="#">
<span class="mydisabled"> Resume</span>
</a>
</li>
</ul>
</div>
</nav>
<!-- topnav and customizations-END -->
<div class="container">
<!--container Start-->
<div class="row">
<div class="col-md-5">
<main>
<div class="primary-title">
Get In Touch
</div>
<hr class="hr-luminous" />
<form name="contactForm" id="contactForm" method="GET" action="thankyou.html">
<div class="form-group">
<label for="contactName">Name</label>
<input type="text" class="form-control" id="contactName" aria-describedby="emailHelp"
placeholder="Enter your name.">
<label for="contactEmail">Email address</label>
<input type="email" class="form-control" id="contactEmail" aria-describedby="emailHelp"
placeholder="Enter email" required>
<small id="emailHelp" class="form-text text-muted">I'll never share your email with anyone
else.</small>
</div>
<div class="form-group">
<label for="Message">Tell me more or Type your message.</label>
<textarea class="form-control" id="Message" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-outline-primary mx-auto d-block">Submit</button>
</form>
</main>
</div>
<!-- *** following commented on purpose *** -->
<!-- <div class="col-md-5 ml-auto mt-auto">
<div class="card project-card">
<img class="card-img-top" src="assets/social-media-2.jpg" alt="Social Media Representation Image"
height="100px" width="250px">
<div class="card-body">
<h5 class="card-title head5">More ways to connect.</h5>
<p class="card-text">You may also connect with me on social media. </p>
</div>
<div class="card-body">
<a href="https://www.linkedin.com/in/abhijeetbhagat/" class="card-link" target="_blank">
<img src="assets/linkedin.png" width="25px" height="25px">
</a>
<a href="https://www.hackerrank.com/bhagat_abhijeet?hr_r=1" class="card-link" target="_blank">
<img src="assets/hackerrank_logo.png">
</a>
<a href="https://twitter.com/abhijeet_bhagat" class="card-link" target="_blank">
<img src="assets/twitter.jpg">
</a>
</div>
</div>
</div> -->
</div>
</div>
<!--container end-->
<!--hack to add 60px to body so that contents behind sticky footer could be scrolled-->
<div style="height:60px;"></div>
<!--footer-->
<footer class="luminous">
<hr />
<span>Designed and Built by Abhijeet Bhagat</span>
<div>© Abhijeet Bhagat
<a href="https://github.com/bhagatabhijeet/portfolio" target="_blank">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</body>
</html>