Digitrove/Subscribe.html at main · ViperNetwork/Digitrove · 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Our Products</title>
    <link rel="stylesheet" href="./CSS/style.css">
    <link rel="stylesheet" href="./CSS/subspage.css">
    <script src="./Js/Js.js"></script>
</head>
<body>
            <header>
          <nav>
            <div class="nav-logo">
              <a href="./index.html">
            <img src="./images/logo.png" alt="Digitrove Marketing Logo">
              </a>
              <ul class="navbar">
                  <li><a href="./index.html">Home</a></li>
                  <li><a href="./services.html">Services</a></li>
                  <li><a href="./Contact_Us.html">Contact Us</a></li>
                  <li><a href="./Subscribe.html">Subscribe</a></li>
                  <li><a href="./FAQ.html">FAQ</a></li>
                  <li><a href="./Login.html">Login</a></li>
              </ul>
              <div class="search-bar"> <!-- Added search bar -->
                <input type="text" id="search" placeholder="Search...">
                <button type="submit">Search 🔍</button>
            </div>
          </nav>
      </header>

    <h1>Subscribe to Digitrove</h1>
    <form id="subscriptionForm" action="https://sit.udst.edu.qa/processform.php" method="POST">
        <!-- First Fieldset -->
    <fieldset>
        <legend>User Information</legend>

        <!-- Full Name -->
        <label for="fullName">Full Name:</label>
        <input type="text" id="fullName" name="fullName" placeholder="Name">
        <div class="error-message" id="error-fullname"></div>

        <!-- Username -->
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" placeholder="Username">
        <div class="error-message" id="error-username"></div>

        <!-- Password -->
        <label for="password">Password:</label>
        <input type="password" id="password" name="password">
        <div class="error-message" id="error-password"></div>

        <!-- Confirm Password -->
        <label for="confirmPassword">Confirm Password:</label>
        <input type="password" id="confirmPassword" name="confirmPassword">
        <div class="error-message" id="error-password"></div>

        <!-- Email -->
        <label for="email">Email Address:</label>
        <input type="email" id="email" name="email" placeholder="email@email.com">
        <div class="error-message" id="error-email"></div>

        <!-- Confirm Email -->
        <label for="confirmEmail">Confirm Email Address:</label>
        <input type="email" id="confirmEmail" name="confirmEmail" placeholder="confirm the same email entered previously">
        <div class="error-message" id="error-email"></div>

        <!-- Phone Number -->
        <label for="phone">Phone Number:</label>
        <input type="tel" id="phone" name="phone" value="+974" placeholder="xxxxxxxx">
        <div class="error-message" id="error-phone"></div>

        <!-- Date of Birth -->
        <label for="dob">Date of Birth:</label>
        <input type="date" id="dob" name="dob">
        <div class="error-message" id="error-dob"></div>

        <!-- Age -->
        <label for="age">Age:</label>
        <input type="number" id="age" name="age" placeholder="age (should be above 18)">
        <div class="error-message" id="error-age"></div>
    </fieldset>

    <!-- Second Fieldset -->
    <fieldset>
        <legend>Shipping Address</legend>

        <!-- Building Number -->
        <label for="buildingNumber">Building Number:</label>
        <input type="text" id="buildingNumber" name="buildingNumber" placeholder="10">
        <div class="error-message" id="error-buildingNumber"></div>

        <!-- Street Name -->
        <label for="streetName">Street Name:</label>
        <input type="text" id="streetName" name="streetName" placeholder="Asim Hala">
        <div class="error-message" id="error-streetName"></div>

        <!-- City -->
        <label for="city">City:</label>
        <select id="city" name="city" required>
            <option value="Doha">Doha</option>
            <option value="Al Wakrah">Al Wakrah</option>
            <option value="Al Khor">Al Khor</option>
            <option value="Al Rayyan">Al Rayyan</option>
            <option value="Lusail">Lusail</option>
        </select>
    </fieldset>

    <label for="newsletter">
        <input type="checkbox" id="newsletter" name="newsletter">
        I would like to subscribe to the newsletter.
    </label>
    <div class="error-message" id="error-newsletter"></div>
    <button type="submit">Submit</button>
</form>

      <!-- Footer -->
      <footer id="footer">
        <div class="container">
          <div class="footer-content">
            <div class="footer-left">
                <a href="./index.html">
                <img src="./images/logo.png" alt="Digitrove Marketing Logo" class="nav-logo"></a>
              <p>Your trusted partner in digital growth. We help businesses achieve their marketing goals with tailored, data-driven strategies.</p>
            </div>

            <div class="footer-middle">
              <h4>Quick Links</h4>
              <ul>
                <li><a href="./services.html">Services</a></li>
                <li><a href="./index.html#testimonials">Testimonials</a></li>
                <li><a href="./Contact_Us.html">Contact</a></li>
              </ul>
            </div>

            <div class="footer-right">
              <h4>Contact Us</h4>
              <p>Email: <a href="mailto:info@digitrove.com">info@digitrove.com</a></p>
              <p>Phone: (123) 456-7890</p>
              <div class="social-icons">
                <a href="#">Facebook</a>
                <a href="#">Twitter</a>
                <a href="#">LinkedIn</a>
              </div>
            </div>
          </div>

          <div class="footer-bottom">
            <p>&copy; 2025 Digitrove Marketing. All Rights Reserved.</p>
          </div>
        </div>
      </footer>
</body>
</html>