raf-aye.github.io/contact.html at main · raf-aye/raf-aye.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
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->

<html lang="en">

<head>
    <link rel="stylesheet" href="./styles/pages/contact.css">

    <link rel="stylesheet" href="./styles/ui/background.css">
    <link rel="stylesheet" href="./styles/ui/header.css">
    <link rel="stylesheet" href="./styles/ui/fade.css">
    <script defer src="./scripts/script.js"></script>
    <link rel="icon" type="image/x-icon" href="./assets/logo.png">
    <title>Contact</title>
    <script src="https://kit.fontawesome.com/d51ccace95.js" crossorigin="anonymous"></script>
    <script type="text/javascript">
        <!--
        if (screen.width <= 699) {
        document.location = "phone.html";
        }
        //-->
    </script>
</head>

<body>
     <!--[if lt IE 7]>
            <pYou are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <header>
        <a class="logo" style="text-align:center;" href="./index.html">rB</title>
            <nav>
                <ul class="navigate_links">
                    <li><a href="./about.html">About Me</a></li>
                    <li><a href="./programming.html">Programming</a></li>
                    <li><a href="./media.html">Visual Media</a></li>
                    <li><a href="./contact.html">Contact</a></li>
                </ul>
            </nav>
    </header>
    <div id="about" class="container">
        <p class = "reach">You can contact me through these methods:</p>
        <div class="contact-container" style = "transform: translate(7%);">
            <div class="contact-method">
                <i class="fas fa-envelope"></i>
                <p>Email: <a href="mailto:rafay.b075@gmail.com" target="_blank">rafay.b075@gmail.com</a></p>
            </div>
            <div class="contact-method">
                <i class="fab fa-discord"></i>
                <p>Discord: <a href="https://discord.com/users/262410813254402048" target="_blank">ThatMajesticGuy</a></p>
            </div>
            <div class="contact-method">
                <i class="fab fa-github"></i>
                <p>Github: <a href="https://github.com/raf-aye" target="_blank">raf_aye</a></p>
            </div>
        </div>
        <p class = "reach">Reach Out!</p>
    <form action="https://formspree.io/f/mvoerorr" method="POST">
        <div>
            <label>
                First Name:
            </label>
                <input type="first" name="first" class = "info-input">

        </div>
        <div>
            <label>
                Last Name:
            </label>
                <input type="last" name="last" class = "info-input">

        </div>
        <div>
            <label>
                Email:
            </label>
                <input type="email" name="email" class = "info-input">

        </div>


    <textarea name="message" class = "message-input"></textarea>

 <br><br>
 <button class = "submit">Send</button>
 <br><br>
</form>

    </div>
</body>

</html>