CourseraHairDay/index.html at main · RobynBug/CourseraHairDay · 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
<!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="stylesheet" href="stylesheet/style.css">
    <title>Document</title>
</head>
<body>
    <header>
        <img class="logo" src="./img/jOXQp90cQzal0KfdHIM2eg_ffc47df1b7034d36a15dd95a39a4dae1_Hair-Day-logos/Artboard 22.png">
    </header>
    <nav>
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#services">Services</a></li>
            <li><a href="#book">Book</a></li>
        </ul>
    </nav>
    <main>
        <section class="rowOne">
            <article id="home">
                <h1>Beginning Section</h1>
                <img class="sale" src="./img/jOXQp90cQzal0KfdHIM2eg_ffc47df1b7034d36a15dd95a39a4dae1_Hair-Day-logos/realistic-beauty-salon-sale-banner_23-2149668819.jpg"><br>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime, aperiam. Mollitia fuga enim fugiat est iure
                    necessitatibus cumque voluptas temporibus debitis, laudantium similique cupiditate ipsam! Quas nobis ut accusamus. Numquam. Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                    Molestias quas quia corporis ducimus dolore minus provident explicabo deserunt quod. Rerum totam iste ipsam quisquam aliquam numquam hic incidunt illum ipsum?</p>
            </article>
        </section>
        <section class="rowTwo">
            <article>
                <h2 id="services">Services</h2>
                <img src="./img/jOXQp90cQzal0KfdHIM2eg_ffc47df1b7034d36a15dd95a39a4dae1_Hair-Day-logos/hairDone.jpg"><br>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime, aperiam. Mollitia fuga enim fugiat est iure
                    necessitatibus cumque voluptas temporibus debitis, laudantium similique cupiditate ipsam! Quas nobis ut accusamus. Numquam.</p>
            </article>
            <article>
                <h2 id="about">About</h2>
                <img src="./img/jOXQp90cQzal0KfdHIM2eg_ffc47df1b7034d36a15dd95a39a4dae1_Hair-Day-logos/brushesCombs.jpg"><br>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime, aperiam. Mollitia fuga enim fugiat est iure
                    necessitatibus cumque voluptas temporibus debitis, laudantium similique cupiditate ipsam! Quas nobis ut accusamus. Numquam.</p>
            </article>
            <article>
                <h2 id="book">Book an Appointment</h2>
                <img src="./img/jOXQp90cQzal0KfdHIM2eg_ffc47df1b7034d36a15dd95a39a4dae1_Hair-Day-logos/stylist.jpg"><br>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime, aperiam. Mollitia fuga enim fugiat est iure
                    necessitatibus cumque voluptas temporibus debitis, laudantium similique cupiditate ipsam! Quas nobis ut accusamus. Numquam.</p>
            </article>
        </section>
    </main>
    <footer>
        <div>
            <img src="./img/jOXQp90cQzal0KfdHIM2eg_ffc47df1b7034d36a15dd95a39a4dae1_Hair-Day-logos/Artboard 1.png" class="footerLogo">
        </div>
        <div>Copyright Hair Day</div>
    </footer>
</body>
</html>