NERV-webpage/contact.html at main · Marokhmala/NERV-webpage · 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
124
125
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>NERV</title>
    <link rel="stylesheet" href="styles.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=M+PLUS+Rounded+1c:wght@300;400&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <header class="contact-page">
      <div class="nav-bar">
        <div class="logo">
          <a href="index.html">
            <img src="assets/nerv 1.svg" alt="NERV Logo" />
          </a>
        </div>

        <!-- Add burger menu button -->
        <button class="burger-menu" aria-label="Toggle navigation">
          <span></span>
          <span></span>
          <span></span>
        </button>

        <div class="nav-wrapper">
          <nav>
            <ul>
              <li><a href="index.html">Home</a></li>
              <li><a href="products.html">Products</a></li>
              <li><a href="wikis.html">Wikis</a></li>
              <li><a href="about.html">About us</a></li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </nav>
          <div class="bar-cart">
            <img src="assets/img-search.svg" alt="Search Bar" />
            <img src="assets/img-cart.svg" alt="Shopping Cart" />
          </div>
          <div class="sign-in">
            <button>SIGN IN</button>
          </div>
        </div>
      </div>

      <div class="main-box">
        <h3>GET IN TOUCH</h3>
        <p>If you have some questions you can contact us</p>
        <form class="form-box">
          <input type="text" class="form-input" placeholder="Name" required />
          <input type="email" class="form-input" placeholder="Email" required />
          <textarea
            class="form-text"
            placeholder="Text here..."
            required
          ></textarea>
          <button type="submit">SEND</button>
        </form>
      </div>
    </header>

    <footer>
      <div class="footer-pt">
        <div class="foot-logo-text">
          <img src="assets/nerv 1.svg" alt="NERV Logo" />
          <p>
            We are the inventors of innovative tools, We strive to always be one
            step ahead in the future to take care of your comfort and make your
            life as comfortable as possible.
          </p>
          <div class="socials">
            <img src="assets/facebook.svg" alt="Facebook Logo" />
            <img src="assets/instagram.svg" alt="Instagram Logo" />
            <img src="assets/twitter.svg" alt="Twitter Logo" />
          </div>
        </div>
        <div class="foot-column-wrap">
          <div class="nav-col">
            <h3>Navigate</h3>
            <ul>
              <li><a href="index.html">Home</a></li>
              <li><a href="#features">Features</a></li>
              <li><a href="#company">Company</a></li>
              <li><a href="#support">Support</a></li>
              <li><a href="#pricing">Pricing</a></li>
            </ul>
          </div>
          <div class="sup-col">
            <h3>Support Us</h3>
            <ul>
              <li><a href="#faq">FAQ</a></li>
              <li><a href="#contact-us">Contact us</a></li>
              <li><a href="#support-center">Support Center</a></li>
              <li><a href="#security">Security</a></li>
            </ul>
          </div>
          <div class="part-col">
            <h3>Partner</h3>
            <ul>
              <li><a href="#our-partner">Our Partner</a></li>
              <li><a href="#subscribe">Subscribe</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="foot-footer">
        <p>Xborg 2022 All Rights Reserved</p>
        <nav>
          <ul>
            <li><a href="#terms-conditions">Terms & Conditions</a></li>
            <li><a href="#privacy-policy">Privacy Policy</a></li>
            <li><a href="#sitemap">Sitemap</a></li>
          </ul>
        </nav>
      </div>
    </footer>

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