-
Notifications
You must be signed in to change notification settings - Fork 46
/
Copy pathcontactUs.html
141 lines (136 loc) · 6.13 KB
/
contactUs.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
<!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" />
<link
href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet"
/>
<link rel="shortcut icon" href="assets/logo.svg" type="image/x-icon" />
<link rel="stylesheet" href="dist/css/main.css" />
<link rel="stylesheet" href="dist/css/about.css" />
<link rel="stylesheet" href="dist/css/achievements.css" />
<title>Robogyan | Contact Us</title>
</head>
<body>
<header class="main-header">
<div class="main-header-container">
<a href="#here" class="logo">
<h1 style="font-family: 'Russo One';">Robogyan</h1>
</a>
<div class="navbar">
<ul class="navbar-links">
<li>
<a href="./index.html">Home</a>
</li>
<li>
<a href="./about.html">About us</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/robogyan_official/">Life at
RG</a>
</li>
<li>
<a href="project.html">Projects</a>
</li>
<li>
<a href="achievements.html">Achievements</a>
</li>
<li>
<a href="Objectives.html">Our Objectives</a>
</li>
<li>
<a href="./contactUs.html">Contact Us</a>
</li>
</ul>
</div>
<div class="navbar-btns">
<a target="_blank" rel="noopener noreferrer"
href="https://docs.google.com/forms/d/e/1FAIpQLScC47onBA9gTG68RdXVRjZQnIg1KHcy2pRoof7w6MIUhb67nA/viewform"
class="btn btn-register">
<img src="assets/user-add.svg" alt="user add icon" />
<span>Register</span>
</a>
<div class="hamburger">
<div class="line line-1"></div>
<div class="line line-2"></div>
<div class="line line-3"></div>
</div>
</div>
</header>
<section class="text-gray-400 bg-gray-900 body-font relative">
<div class="absolute inset-0 bg-gray-900">
<iframe title="map" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?width=100%&height=600&hl=en&q=%C4%B0delhi+(Dr. Akhilesh Das Gupta Institute of Technology & Management)&ie=UTF8&t=&z=14&iwloc=B&output=embed" style="filter: grayscale(1) contrast(1.2) opacity(0.16);"></iframe>
<div class="bg-gray-900 relative flex flex-wrap py-6 rounded shadow-md">
<div class="lg:w-1/2 px-6">
<h2 class="title-font font-semibold text-white tracking-widest text-xs">ADDRESS</h2>
<p class="mt-1">FC-26, Panduk Shila Marg, Zero Pusta Rd, Shastri Park, Shahdara, New Delhi, Delhi 110053</p>
</div>
<div class="lg:w-1/2 px-6 mt-4 lg:mt-0">
<h2 class="title-font font-semibold text-white tracking-widest text-xs">EMAIL</h2>
<a class="text-red-400 leading-relaxed">[email protected]</a>
<h2 class="title-font font-semibold text-white tracking-widest text-xs mt-4">PHONE</h2>
<p class="leading-relaxed">123-456-7890</p>
</div>
</div>
</div>
<div class="container px-5 py-24 mx-auto flex">
<div class="lg:w-1/3 md:w-1/2 bg-gray-900 shadow-md rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0 relative z-10">
<h2 class="text-white text-lg mb-1 font-medium title-font">Get In Touch.
</h2>
<p class="leading-relaxed mb-5">Enter your email address and we will connect you to the right person</address></p>
<div class="relative mb-4">
<label for="email" class="leading-7 text-sm text-gray-400">Email</label>
<input type="email" id="email" name="email" class="w-full bg-gray-800 rounded border border-gray-700 focus:border-red-500 focus:ring-2 focus:ring-red-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out">
</div>
<div class="relative mb-4">
<label for="message" class="leading-7 text-sm text-gray-400">Message</label>
<textarea id="message" name="message" class="w-full bg-gray-800 rounded border border-gray-700 focus:border-red-500 focus:ring-2 focus:ring-red-900 h-32 text-base outline-none text-gray-100 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"></textarea>
</div>
<button class="text-white bg-red-500 border-0 py-2 px-6 focus:outline-none hover:bg-red-600 rounded text-lg">Send Message</button>
<p class="text-xs text-gray-400 text-opacity-90 mt-3">We will reach out to you as soon as possible</p>
</div>
</div>
</section>
<br>
<br>
<br>
<br>
<br>
<footer>
<div class="footer-container">
<ul class="footer-container-links">
<li>
<a href="./faq.html">FAQ</a>
</li>
<li><a href="terms_of_use.html"> Terms Of Use </a></li>
<li>
<a href="privacy_policy.html">Privacy Policy</a>
</li>
</ul>
<div class="follow-container">
<h3>Follow Robogyan on</h3>
<ul>
<li>
<a
href="https://www.youtube.com/channel/UCom9YyDetX7ggEI88Y5AGQA/featured"
target="_blank"
><i class="fa-brands fa-youtube"></i> Youtube</a
>
</li>
<li>
<a
href="https://www.instagram.com/robogyan_official/"
target="_blank"
><i class="fa-brands fa-instagram fa-solid"></i> Instagram</a
>
</li>
</ul>
</div>
</div>
<div class="copyright">2022 © <a href="/">Robogyan</a></div>
</footer>
</body>
</html>