MusicVilla/index.html at master · desglobe/MusicVilla · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Small Begining</title>
    <link rel="stylesheet" href="/fontawesome-free-5.15.2-web/fontawesome-free-5.15.2-web/css/all.css">
    <link rel="stylesheet" href="home.css">
</head>
<body>
    <!--Navigation-->
    <header>
        <div class="head capp">
            <img src="./images/logo.png" alt="Company's logo" style="width: 100px; height: 100px;">
            <input type="search" name="search" placeholder="search" formaction="https://www.goo.com">
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="#">Academy</a></li>
                    <li><a href="#">What We Do</a></li>
                    <li><a href="#">Studios</a></li>
                    <li><a href="#">Contact Us</a></li>
                </ul>
            </nav>
        </div>
    </header>
    <!--Stage 1-->
    <section class="angle">
        <div class="crop-1 aaa">
            <div class="column-1">
                <h1 class="h-1">Best Hits of Alltime</h1>
                <p class="p-1">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores, accusantium mollitia soluta odit, reiciendis quaerat necessitatibus asperiores doloremque, reprehenderit totam voluptatum dolores nam consectetur. Alias numquam earum quo, error veniam reiciendis voluptate porro, dolores voluptatibus explicabo, aliquid ipsam quidem consectetur, dolores aspernatur, magnam veniam maiores delectus doloribus accusamus id.
                ipsum dolor sit amet consectetur, adipisicing elit. Deserunt, incidunt eius voluptatum, quam reprehenderit, laborum quae accusantium voluptate vero id repellat eos repudiandae recusandae voluptates cupiditate at expedita. Enim, fugiat!</p>
                <a href="#" class="btn">More Inquires</a>
            </div>
        <div class="column-2">
            <!-- <img src="/images/mic-music-sound-singer-675960.jpeg" alt="Our World" class="ups" style="width: 200px; height: 150px;">  -->
            <form class="fill next-fill">
                <div class="ccc">
                <input type="text" name="FName" placeholder="First Name" required>
                </div>
                <div class="ccc">
                <input type="text" name="LName" placeholder="Last Name" required>
                </div>
                <div class="ccc">
                <input type="email" name="email" placeholder="email" required>
                </div>
                <div class="ddd">
                <input type="submit" class="bto" name="submit">
                </div>
            </form>
        </div>
    </section>
    <!--Stage 2-->
    <section class="angle-1">
        <div class="flow flew">
            <div class="pickup">
                <img src="./images/violin-musical-instrument-music-sound.jpg" alt="Violin" style="width: 370px; height: 320px;">
                <p class="p-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda commodi, et, accusantium molestias dolorum perferendis dolores temporibus, vitae quidem sequi repellendus quis laudantium nobis fuga. Dicta aut tempora et quam adipisci, quasi ipsam placeat dignissimos ipsum accusamus accusantium maxime rem dolores asperiores, amet ipsa! Porro laudantium hic dignissimos quas iure rem nisi ex nam consectetur quia dolore pariatur magnam, in vel, reprehenderit repellat excepturi neque eaque fugit deserunt facere? Possimus labore perferendis unde dolore corrupti repellendus ducimus vitae tempora error?</p>
            </div>
            <div class="pickups">
                <img src="./images/saxophone-music-gold-gloss-45243.jpeg" alt="saxophone" style="width: 370px; height: 320px;">
                <p class="p-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur illo et saepe delectus eaque, reiciendis earum, nemo, perspiciatis amet sed odit id accusantium voluptate suscipit rerum veritatis maxime obcaecati perferendis expedita. Debitis velit cum qui hic doloremque. Unde libero ipsam dolores itaque tempore facere. Molestiae, architecto ipsum? Ipsa ut optio vero illo placeat magni quod delectus quibusdam aliquam voluptas! Ipsum?</p>
            </div>
            <div class="pickupso">
                <img src="./images/pexels-photo-270288.jpeg" alt="jungle" style="width: 370px; height: 320px;">
                <p class="p-2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum accusantium officia dolorem? Soluta eligendi rem ipsum illo, excepturi fuga labore, dicta in minima doloribus amet est doloremque sunt ipsam eius accusamus reiciendis quas. Perspiciatis cupiditate necessitatibus facere iste aspernatur! Illo adipisci eius consequuntur totam odio ducimus, neque blanditiis praesentium ex quis saepe fugiat dolorum tempore tenetur laudantium maxime porro illum sequi. Quod, necessitatibus! Totam, asperiores error aliquid nobis magnam, laudantium, sapiente eveniet veniam vitae doloribus unde et nesciunt iusto quia vel consectetur laborum dolorem. Id magnam molestiae, facere tempore assumenda pariatur illo esse sunt culpa doloribus dolorum nisi eos laudantium?</p>
            </div>
        </div>
    </section>
    <!--Images-->
    <div class="ooo">
      <div class="top"></div>
      <div class="bottom"></div>
    </div>
</body>
</html>