nikrp.github.io/contact.html at main · nikrp/nikrp.github.io · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <link href="CSS/style.css" rel="stylesheet" type="text/css">
        <link href="CSS/contact.css" rel="stylesheet" type="text/css">
        <link href="CSS/side_nav.css" rel="stylesheet" type="text/css">

        <meta charset="utf-8">

        <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=Itim&display=swap"
		rel="stylesheet">

        <title>📞 Nikrp - Contact Me</title>
    </head>

    <body>
        <header>
            <!-- Side Navigation -->
            <div id="mySidenav" class="sidenav">
                <a href="javascript:void(0)" class="closebtn"
                onclick="closeNav()">&times;</a>
                <a href="index.html" class="page">
                    Home
                </a>

                <a href="about_me.html" class="page">
                    About Me
                </a>

                <a href="coding.html" class="page">
                    Coding World
                </a>

                <a href="contact.html" class="page">
                    Contact Me *
                </a>

                <a href="https://nikrp.blogspot.com"
                target="_blank" class="page">
                    My Blog
                </a>
            </div>

            <p>
                <span style="font-size:30px;cursor:pointer"
                onclick="openNav()" class="side-bar">&#9776; Pages</span>
            </p>
            <!-- Side Navigation End -->

            <h1 class="title">Contact</h1>
            <hr>
        </header>

        <section>
            <h2><center>Contact Ways</center></h2>
            <p>
                There are two ways you can contact me. If you would like to ask me a question, give me problems about the site,
                spelling errors, or anything. You can use either of these options. The first option is really easy. Just use this
                table to email me or my brother, depending on what type of question you have.
            </p>

            <table class="info">

				<tr>
					<th>Name</th>
					<th>Contact</th>
					<th>Speciality</th>
				</tr>

				<tr>
					<td>Nikhil Pellakuru</td>
					<td><strong><a href="mailto:nikpellakuru@gmail.com" target="_blank">nikpellakuru@gmail.com</a></strong></td>
					<td>Python, HTML, CSS, Absolutley No JS</td>
				</tr>

				<tr>
					<td>Sid Pellakuru</td>
					<td><strong><a href="mailto:sidpellakuru@gmail.com" target="_blank">sidpellakuru@gmail.com</a></strong></td>
					<td>Some Python, HTML, CSS, JS</td>
				</tr>

			</table>

            <p>
                The other way you can contact me is to use the form below. Your name doesn't have to be your full name. I need it to
                identify you when I email back. The email is needed to actually send an email back. And finally, you can put anything
                you want. Questions, info, errors with the site, spelling errors, or more! The form answers go into a google sheet which
                has all of the info you gave. I also get emailed when someone submits a form, so I don't have to check it every day.
            </p>
            <iframe class="form"
                src="https://docs.google.com/forms/d/e/1FAIpQLSf-cjUI0So5TjcVhTawbgcAA1mpxKE0BKbpRsA0QiSFSI1RBQ/viewform?embedded=true"
                width="640"
                height="716"
                frameborder="0" marginheight="0" marginwidth="0">Loading…
            </iframe>
            <hr>
        </section>

        <footer>
            <center><h2>&copy; Nikhil Pellakuru</h2></center>
        </footer>

        <script src="script.js"></script>
    </body>
</html>