-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
131 lines (121 loc) · 5.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pratik Panda | Web Developer</title>
<!-- Style Sheets and Icons -->
<link rel="icon" href="/portfolio/img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/portfolio/style/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
<script src="https://kit.fontawesome.com/7f76f54895.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Pre-Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!-- Navigation Bar -->
<div id="nav-bar">
<div class="logo-main">
<img src="/portfolio/img/logos/logo-01.png" alt="">
</div>
<nav class="nav">
<a class="home-link" href="/">
<i class="fas fa-home"></i>
<span>Home</span>
</a>
<a class="" href="/about">
<i class="fas fa-user"></i>
<span>About</span>
</a>
<a class="" href="/skills">
<i class="fas fa-cog"></i>
<span>Skills</span>
</a>
<a class="" href="/projects">
<i class="fas fa-tasks"></i>
<span>Projects</span>
</a>
<a class="" href="/contact">
<i class="fas fa-envelope"></i>
<span>Contact</span>
</a>
</nav>
<div class="social flex">
<a href="https://github.com/devppratik" target="_blank"><i class="fab fa-github"></i>
<span>GitHUB</span></a>
<a href="https://www.linkedin.com/in/pratik-panda-75a982175/" target="_blank">
<i class="fab fa-linkedin-in"></i>
<span>Linkedin</span></a>
</div>
<a href="" id="mobile-link">
<i class="fas fa-bars"></i>
</a>
</div>
<!-- Contact Page -->
<section id="contact">
<div class="form-container">
<div class="contact-head">Lets Work Together</div>
<p>
I am interested in freelance opportunities.
If you have any other request or question,
don’t hesitate to contact me using the form below.
<br>
<br>I will get in touch very soon
</p>
<!-- Contact Form -->
<form class="contact-form">
<input type="text" name="Name" id="name" placeholder="Name" autocomplete="off">
<input type="email" name="Email" id="email" placeholder="Email" autocomplete="off">
<br>
<input type="text" name="Subject" id="subject" placeholder="Subject" autocomplete="off">
<br>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Message"></textarea>
<br>
<button id="send">SEND</button>
</form>
</div>
<!-- Map of Location -->
<iframe id="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3718.570578135241!2d81.68060841454634!3d21.248870485879547!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a28dd48550c1255%3A0x73b0159ed57b3ea6!2sSuryodaya%20Harmony!5e0!3m2!1sen!2sin!4v1596452776450!5m2!1sen!2sin"
width="800" height="600" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe>
</section>
<!-- Popup After Form Submission -->
<div class="popup-wrapper">
<div class="popup">
<div class="popup-close">X</div>
<div class="popup-content">
<h2>Thank You for Contacting ME</h2>
<br>
<div class="sent animate__animated animate__lightSpeedOutRight animate__delay-1s animate__slower">
<i class="fas fa-paper-plane"></i>
</div>
<p>Your form has been submitted <br>
I will get in touch with you soon</p>
</div>
</div>
</div>
<!-- Scripts -->
<!-- FireBase Config -->
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-firestore.js"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyCZcassCQC5P1iTZNTrkIEuJXFSvmbU624",
authDomain: "portfolio-e1344.firebaseapp.com",
databaseURL: "https://portfolio-e1344.firebaseio.com",
projectId: "portfolio-e1344",
storageBucket: "portfolio-e1344.appspot.com",
messagingSenderId: "657697570081",
appId: "1:657697570081:web:a801343df46c12b3091260"
};
firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();
</script>
<script src="/portfolio/scripts/index.js"></script>
</body>
</html>