imageoptimizer/contactus.html at master · ankit-kumar-jat/imageoptimizer · 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Description" content="Online service that optimize images (PNG, JPG, GIF, BMP and TIF) using lossless and lossy compression to shrink images to the minimum possible size while keeping the required level of quality. lossless compression keeps 100% quality of image.">
    <meta name="keywords" content="'image optimizer', 'image compressor', image, images, picture, pictures, 'picture optimizer', 'picture compressor', 'image opimization', 'image compression'">
    <meta name="author" content="Ankit Kumar Jat">
    <link rel="apple-touch-icon" href="/assets/icons-192.png">
    <meta name="theme-color" content="#fff"/>
    <!-- Preload -->
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="preload preconnect" as="style">
    <link rel="preload" href="css/main.css" as="style">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
    <!-- <script src="https://kit.fontawesome.com/0c4c850759.js" crossorigin="anonymous"></script> -->

    <!-- My css -->
    <link rel="stylesheet" href="css/contactus.css">

    <!-- Title -->
    <link rel="shortcut icon" href="assets/favicon.svg" type="image/x-icon">
    <title>Image Optimizer</title>
</head>
<body>
    <header>
        <nav class="navbar">
            <div class="container">
                <a class="navbar-brand" href="./index.html">
                    Image Optimizer
                </a>
                <div class="navbar-toggler" id="navbarToggle">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
                <ul class="navbar-nav"  id="navbarManu">
                    <li class="nav-item">
                        <a href="./features.html" class="nav-link">Features</a>
                    </li>
                    <li class="nav-item active">
                        <a href="#" class="nav-link">Contact Us</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <section class="contact-form" id="contact-form">
        <div class="container">
            <div class="form-container">
                <div class="form-heading">
                    <div class="form-heading-main">
                        <img src="./assets/email.svg" alt="Envelope image" width="70px" height="70px">
                        <h1>Contact Us</h1>
                    </div>
                    <div class="form-heading-text">
                        <p>We would love to hear from you!</p>
                    </div>
                </div>
                <div class="form">
                    <form id="myform" name="myform">
                        <div class="form-group">
                            <label for="firstname">First Name </label>
                            <input type="text" id="firstname" name="firstname" placeholder="Enter First Name">
                        </div>
                        <div class="form-group">
                            <label for="lastname">Last Name </label>
                            <input type="text" id="lastname" name="lastname" placeholder="Enter Last Name">
                        </div>
                        <div class="form-group">
                            <label for="email">Email </label>
                            <input type="email" id="email" name="email" placeholder="Enter Email">
                        </div>
                        <div class="form-group">
                            <label for="comment">Write Your thoughts here </label>
                            <textarea name="comment" id="comment" cols="49" rows="10"></textarea>
                        </div>
                        <div class="form-group">
                            <button type="submit" id="form-submit-btn">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <section id="thankyou" hidden>
        <div class="container">
            <h3>Dear <span class="name-of-user"></span></h3>
            <h4>Thank you for getting in touch! </h4>
            <div class="container">
                <p>We appreciate you contacting us. We will look over your message and get back to you soon! </p>
            </div>
            <h4>Have a great day!</h4>
        </div>
    </section>
    <footer>
        <div class="container">
            <ul class="footer-manu">
                <li class="footer-item"><p>&copy; Ankit Kumar Jat </p></li>
                <li class="footer-item"><p>Made with &hearts; by<a href="https://github.com/ankit-kumar-jat" class="footer-link">@ankit-kumar-jat</a></p></li>
                <li class="footer-item right"><a href="./privacy.html" class="footer-link"><p>Privacy</p></a></li>
            </ul>
        </div>
    </footer>
    <!-- Js Libraries -->
    <script src="js/jQuery.js" defer></script>
    <!-- My scripts -->
    <script src="js/main.js" defer></script>
    <script src="js/contact-form.js" defer></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-METM77P72Z"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-METM77P72Z');
    </script>

</body>
</html>