UVMS/devices.html at main · dhruvag14/UVMS · 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
156
157
158
159
<html lang="en">
<head>
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab|Srisakdi|Staatliches&display=swap" rel="stylesheet">
  <title>UltraViolet Music Store</title>
</head>
<body>

  <header>
    <a id="home" href="index.html">Home</a>
    <a id="vinyl" href="vinyl.html">Vinyls</a>
    <a id="instruments" href="instruments.html">Instruments</a>
    <a id="devices" href="devices.html">Electronics</a>
    <a id="about" href="about.html">About</a>
    <a id="branding" href="index.html"><span>UltraViolet</span></a>
</header>

<main class="shopContainer devices">
  <!--Showcase-->
  <section id="showcase">
    <div>
      <h2>Devices</h2>
      <h3>We have everything to satisfy your musical desires</h3>
    </div>
  </section>

  <!--Newsletter-->
  <section id="newsletter">
    <form>
      Subscribe to our monthly newsletter for latest offers and exclusives!<br><br>
      <input type="email" placeholder="youremail@example.com" name="email" id="email">
      <input type="submit" value="Subscribe">
    </form>
  </section>

  <!--Shop-->
  <section id="shop">
    <ul type="none">
      <li class="device-1">
        <div class="img"></div>
        <div>
          <h3>Harbinger Vari V2212 600W</h3>
          <h4>Loudspeaker</h4>
          $149.99<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-2">
        <div class="img"></div>
        <div>
          <h3>Shure BLX288/PG58 Dual-Channel</h3>
          <h4>Handheld Transmitters Band</h4>
          $499.99<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-3">
        <div class="img"></div>
        <div>
          <h3>Shure SM58</h3>
          <h4>Microphone</h4>
          $89.00<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-4">
        <div class="img"></div>
        <div>
          <h3>Alto TS315 15"</h3>
          <h4>Loudspeaker</h4>
          $319.99<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-5">
        <div class="img"></div>
        <div>
          <h3>KRK ROKIT 5 G3</h3>
          <h4>Loudspeaker</h4>
          $99.99<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-6">
        <div class="img"></div>
        <div>
          <h3>Pro Co StageMASTER</h3>
          <h4>XLR Cable</h4>
          $5.56<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-7">
        <div class="img"></div>
        <div>
          <h3>Universal Audio Apollo x8p TB3</h3>
          <h4>Audio Interface</h4>
          $3,299.00<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-8">
        <div class="img"></div>
        <div>
          <h3>DigiTech CabDryVR</h3>
          <h4>Dual Speaker Cabinet Emulator Pedal</h4>
          $149.99<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
      <li class="device-9">
        <div class="img"></div>
        <div>
          <h3>American DJ GoBar Plus</h3>
          <h4>RGBW LED PAR System</h4>
          $249.99<br><br>
          <a href="buy.html">Buy</a>
        </div>
      </li>
    </ul>

  </section>

  </main>

  <footer>
    <div class="container" id="slogan">
        <h2>Hear it. See it. Live it.</h2>
      </div>

      <div class="container" id="socials">
        <h2>Socials</h2>
        <ul>
          <li><a href="https://instagram.com/UVMS" target="_blank">Instagram</a></li>
          <li><a href="https://twitter.com/UVMS" target="_blank">Twitter</a></li>
          <li><a href="https://youtube.com/UVMS" target="_blank">YouTube</a></li>
        </ul>
      </div>

      <div class="container" id="contacts">
        <h2>Contact Us</h2>
        <ul>
          <li class="exclude">ABC Street, Sunnyvale<br>California, USA - 694200</li>
          <br><li><a href="tel:+91 911 6969 911">Tel: +91 911 6969 911</a></li>
          <li><a href="mailto:UVMS@gmail.com">Mail: UVMS@gmail.com</a></li>
        </ul>
      </div>

      <div class="container" id="copyright">
        <h2>UltraViolet Music Store</h2>
        <ul>
          <li class="exclude">We are a company that is totally not just a fake one for a school project established a few weeks ago.</li>
          <br><li class="exclude">© All the images belong to the respective owners.</li>
        </ul>
      </div>
  </footer>

</body>
</html>