-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathContact.html
95 lines (86 loc) · 4.31 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
<!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>Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
<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=Josefin+Sans:ital,wght@0,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body>
<div class="container">
<div class="sidebar">
<div class="side-logo">
<img src="Images/logo.png" alt="">
<div class="side-name">Rohit Singh</div>
<div class="side-prof">Photographer</div>
</div>
<div class="side-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="servieces.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="feed.html">Feedback</a></li>
<li><a href="Contact.html" class="active">Contact</a></li>
</ul>
</div>
<div class="side-footer">
<div class="links">
<i class="fab fa-instagram"></i>
<i class="fab fa-facebook"></i>
<i class="fab fa-github"></i>
<i class="fab fa-500px"></i>
</div>
<p class="copyright"> © 2021 Rohit by Coding Buddies.</p>
</div>
</div>
<div class="main">
<div class="toggle-menu">
<i class="fas fa-bars"></i>
</div>
<header class="about-head padd" data-aos="fade-up" >
<div class="side-prof prof">Location</div>
<div class="side-name">Contact Us</div>
</header>
<section class="map padd" data-aos="fade-up" >
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d112173.02278550254!2d77.1389451881658!3d28.527485061500744!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd5b347eb62d%3A0x52c2b7494e204dce!2sNew%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v1627036405335!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</section>
<section class="contact padd">
<div class="contact-detail" data-aos="fade-up" >
<h3>I'm available for worldwide orders.</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nulla maiores minima vel dolor ipsum cum nisi at atque quis necessitatibus soluta deleniti accusantium odit suscipit nihil, exercitationem blanditiis ullam, veniam, totam sunt inventore et eligendi. Quo nostrum eveniet nulla excepturi sed nam, incidunt inventore nihil veritatis reprehenderit soluta rerum aliquam, error atque nesciunt at cumque dolorem ipsum! Veniam, assumenda veritatis.</p>
<p><span>Phone:</span> +91 1234-5678-90</p>
<p><span>Email:</span> [email protected]</p>
<p><span>Address:</span> 310, South Delhi, New Delhi, India</p>
</div>
<div class="contact-form" data-aos="fade-up" >
<div class="side-name">Contact Form</div>
<p>Interested to work with us?</p>
<form>
<input type="text" placeholder="Name">
<input type="text" placeholder="Email">
<textarea name="" id="" cols="30" rows="5" placeholder="Message"></textarea>
</form>
<div class="btn" data-aos="fade-up" >Submit</div>
</div>
</section>
<footer>
<div class="logo-name">Rohit Singh</div>
<div class="prof">Photographer</div>
<p class="copyright">© 2021 Rohit by Coding Buddies.</p>
</footer>
</div>
</div>
<script src="index.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>