webpdTest/index.html at main · Reinissance/webpdTest · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./Pics/favicon.png">
    <link rel="stylesheet" href="style.css">
    <title>Box-Model</title>
</head>
<body>
    <section class="section1" id="firstSec">
        <img src="Pics/butterfly.jpg" alt="">
        <h6 title="read more of category naturally">naturally</h6>
        <h2>Butter can fly!</h2>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia voluptatum architecto ducimus assumenda iusto dignissimos nostrum totam quis ea vel animi non, atque ab optio voluptate, eos, tempore nesciunt amet saepe suscipit quam inventore. Aliquam iusto nobis ipsum quas a ex doloremque id. Quidem alias culpa inventore, quos laborum modi vero doloribus iure.</p>
    </section>
    <section class="section1" id="secondSec">
        <img src="Pics/technix.jpeg" alt="">
        <h6 title="read more of category technically">technically</h6>
        <h2>Technics down.</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem unde perferendis quo, dignissimos est architecto autem nulla, saepe laborum dicta, facilis velit doloribus debitis quisquam culpa nesciunt? Vitae cupiditate earum cum aperiam deserunt laudantium quod qui. Non, nihil voluptatibus in voluptate corporis nobis harum temporibus nemo quam. Nam esse omnis consectetur cupiditate, fugiat repellat quos corporis molestiae blanditiis eveniet. Veniam dicta atque vel rerum accusamus! Amet aperiam facilis voluptates quia recusandae autem aliquid eos quaerat alias, perspiciatis soluta molestias eaque, sed nihil reprehenderit doloribus porro! Exercitationem quasi porro doloribus rerum, earum impedit obcaecati magni? Placeat sed et temporibus doloremque odio saepe nulla dolores neque culpa ullam omnis consequatur dicta, exercitationem accusantium laboriosam. Blanditiis quia sed asperiores eaque eos ipsa cumque nostrum aperiam vero, officia accusamus omnis quam dolor delectus excepturi fugiat ad consequuntur incidunt voluptatum ut recusandae reiciendis! Ratione, sit eos ipsam perspiciatis voluptatibus veniam. Commodi ducimus numquam harum voluptatibus quisquam voluptas aperiam placeat dignissimos expedita iusto, porro recusandae, culpa non dolor debitis labore nemo, saepe deleniti beatae? Minima tenetur, eveniet mollitia blanditiis est architecto veritatis quam itaque! Voluptate.</p>
    </section>
    <div class="audiooptions" id="audioOpts" title="wanna hear some sounds?">
        <button id="start" onclick="startButtonClicked()">allow sound</button>
        <input type="range" name="volume" id="volslider" max="100">
    </div>
    <div id="loading" class="loader">
        <h2 id="loadtext" class="loader">please allow this site playing sound for you ...<br><br>...it won't track any audio in any way.</h2>
        <button id="closeloader">OK (though sad)</button>
    </div>
    <a class="remXlink" href="./remX/index.html">...or take a look at this!</a>
    <script src="js/webpd-runtime.js"></script>
    <script src="js/script.js"></script>
</body>
</html>