UVMS/index.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
<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 id="index">
      <!--Three options including Instruments, Vinyls, Electronic Devices-->
      <section id="selector">
        <ul>
          <li>
            <a href="vinyl.html">
              <figure>
                <div class="vinyls"></div>
                <figcaption>Vinyl Discs</figcaption>
              </figure>
            </a>
          </li>

          <li>
            <a href="instruments.html">
              <figure>
                <div class="instruments"></div>
                <figcaption>Instruments</figcaption>
              </figure>
            </a>
          </li>

          <li>
            <a href="devices.html">
              <figure>
                <div class="devices"></div>
                <figcaption>Electronic Devices</figcaption>
              </figure>
            </a>
          </li>
        </ul>
      </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>

      <!--Mini Shop-->
      <section id="minishop"></section>

      <!--Showcase-->
      <section id="showcase">
        <div>
          <h2>UltraViolet</h2>
          <h3>Everything to satisfy your musical desires</h3>
        </div>
      </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>