Codingtest/index.html at main · unbothered042/Codingtest · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./coding.css">
</head>
<body>
    <nav>
        <img src="./multimedia/mixl logo.png" alt="" width="100px" height="35px">
        <div class="link">
            <ul>
                <li><a href="">Features</a></li>
                <li><a href="">Listen</a></li>
                <li><a href="">Pricing</a></li>
                <li><a href="">Login</a></li>
            </ul>
            <button class="get">Get Started</button>
        </div>
    </nav>

    <div class="pep">
        <div class="p1"><p>Professional Suite</p></div>
        <div class="p2"><p>Simplified</p></div>
        <div class="p3"><button id="start">Start free trial</button></div>
    </div>

    <div class="web">
        <div><img src="https://mixlr-clone.web.app/images/hero-host-1408-f79f1133b4da87d59deac96b35d14949d30e5429d5b480a3f481e1641458b8ad.png" alt="" width="1000px" height="500px"></div>
    </div>

    <div class="do3"><img src="./multimedia/3dot.png" alt=""></div>

    <div class="bull">
        <div class="bul"><p>Available on</p></div><br><br>
        <div class="bui"><img src="./multimedia/logg.png" alt=""></div><br><br>
        <div class="bu"><p>The simplest way to get <br>audio to your audience</p></div>
    </div>
    <div class="pan"><img src="./multimedia/pan.png" alt="" width="550px" height="500px"></div>

    <div class="bam">
        <div><p class="bamm">A Complete <br>Solution</p><p class="bama">We're a comprehensive one- <br>stop-shop for all audio needs - <br>from live streaming and hosting <br>to beautiful, custom players, <br>apps and websites.</p></div>
        <div><img src="https://mixlr-clone.web.app/images/feature-all-in-one-704-e148259d5822d2ced0c1f761c686a7c6157990d1c4a370cfb9b2b23e4fc78795.jpg" alt="" width="500px" height="300px"></div>
    </div>
    <div class="bam">
        <div><img src="https://mixlr-clone.web.app/images/feature-plug-and-play-704-d39afa7fc82413afff26901d64a4b7dd42f0aa0e38459a024fb4d913f24866f0.jpg" alt="" width="400px" height="300px"></div>
        <div><p class="bamm">Quality Sound, <br>User-Friendly <br>Tools</p><p class="bama">Our user-friendly tools simplify<br>the production of professional-<br>grade audio, making it<br>accessible for everyone.</p></div>
    </div>
    <div class="bam">
        <div><p class="bamm">Tailor Your<br>Audio Presence</p><p class="bama">Our advanced customization <br>options allow creators to <br>maintain and express their <br>brand identity.</p></div>
        <div><img src="https://mixlr-clone.web.app/images/feature-creative-control-704-968d34ab7281ef5de1a86c74b71738942f1a05a9c5bdc17cdb5b2d60e10fdbfc.jpg" alt="" width="400px" height="300px"></div>
    </div>
    <div class="bam">
        <div><img src="https://mixlr-clone.web.app/images/feature-skill-levels-704-9bd13799e0e0f20f85de4e9b8a3d19c9cbf0f4ed5c98d4e1cde8e9ef441e6cf7.jpg" alt="" width="400px" height="300px"></div>
        <div><p class="bamm">Audio for<br>Beginners to <br>Pros</p><p class="bama">We cater for all skill levels,<br>offering everything from plug-<br>and-play to account-managed<br>white-labeled solutions.</p></div>
    </div>
    <div class="bam">
        <div><p class="bamm">A Decade of<br>Audio Expertise</p><p class="bama">We've been dedicated <br>exclusively to audio for over 12 <br> years, positioning us as industry<br>experts</p></div>
        <div><img src="https://mixlr-clone.web.app/images/feature-expertise-704-ccc01d3dfd0c732ae3f4be37d065e17b7ce0f4b5606efb08fc6a7a730c45a4fd.jpg" alt="" width="400px" height="300px"></div>
    </div>
        <div class="bam">
        <div><img src="https://mixlr-clone.web.app/images/feature-accessible-704-b4460a8af6ebf674a9a2e294904afa49298b2c4acf98fa735c2277319c79404e.jpg" alt="" width="400px" height="300px"></div>
        <div><p class="bamm">Create and<br>Listen <br>Anywhere, <br>Effortlessly</p><p class="bama">Mixlr is crafted for flexibility and<br>ease of use on the go, ensuring<br>that both creators and listeners<br>enjoy a seamless audio <br>experience, no matter where <br>they are.</p></div>
    </div>
        <div class="bam">
        <div><p class="bamm">Your content,<br>your rules</p><p class="bama">We champion full creative <br>control for audio creators, <br>offering extensive <br>personalization, privacy options, <br>and a commitment to ad-free <br>content.</p></div>
        <div><img src="https://mixlr-clone.web.app/images/feature-ad-free-704-8d6261a96afa7f8af2c9894baed12ce417b2fb40246c85f5fe4e35324e098264.jpg" alt="" width="400px" height="300px"></div>
    </div>
    <div class="bam">
        <div><img src="https://mixlr-clone.web.app/images/feature-support-704-d64a00cd465ddebc032e6db3105aa4b4fbb9f8ffa14cf6ff04f4c397b946bc64.jpg" alt="" width="400px" height="300px"></div>
        <div><p class="bamm">Support That<br>Resonates</p><p class="bama">First-class support at every step<br>from setup inquiries to<br>specialized assistance for live<br>events. </p></div>
    </div>

    <div class="paul">
        <div class="pauu"><p><a href=""></a>View all features</p></div>,
        <div class="pauuu"><p>Broadcast your <br>audio today</p></div>
        <button class="pau"> start free trial</button>
    </div>


</body>
</html>