minamo-clone/index.html at master · coaxcode/minamo-clone · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Minimo Clone</title>
    <link rel="stylesheet" href="assets/stylesheets/main.css" />
</head>
<body>

    <header class="primary-header container">
        <h1 class="logo">Minamo</h1>
        <nav class="nav primary-navigation">
            <ul>
                <li><a href="#">Lifestyle</a></li><!--
                --><li><a href="#">Photodiary</a></li><!--
                --><li><a href="#">Music</a></li><!--
                --><li><a href="#">Travel</a></li>
            </ul>
        </nav>
    </header>


    <section class="container hero-image">
            <img src="assets/images/gemma-evans-182245.jpg">
    </section>


    <section class="container article">
        <a href="#" class="secondary-link">Photodiary</a>
        <a href="#"><h1 class="article-title">The perfect weekend getaway</h1></a>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sodales aliquam lacus quis mattis. Quisque turpis leo, cursus sed accumsan nec, ornare nec nisi. Donec justo lacus, congue id varius vitae, posuere id lacus. Maecenas semper enim sed velit porta tempor. Nulla fringilla mauris eu urna lacinia convallis. Phasellus ut interdum arcu, et dapibus ex. In laoreet leo enim, vel mattis ante eleifend sed. Morbi interdum nulla sed ornare pharetra. Fusce sollicitudin sapien ut metus tristique mattis. Sed tempor tincidunt magna, sed ornare est ullamcorper nec. Duis dolor libero, pulvinar ut tristique id, posuere non turpis.
            Etiam non odio a lectus consectetur euismod ut rhoncus nunc. Aliquam auctor fringilla eros, at mollis diam vulputate vel. Aenean in porta nibh. Donec sodales urna id dolor dapibus pellentesque. Morbi scelerisque pharetra congue. Praesent tincidunt finibus felis et efficitur. Morbi suscipit, mi ut pharetra congue, justo mi dignissim mi, et molestie felis ipsum id metus. Phasellus accumsan rutrum imperdiet.
            Aenean sagittis tempor iaculis. Pellentesque facilisis magna sed quam feugiat semper. Etiam tempor eros metus, ut cursus quam euismod nec. In sagittis non nunc ac malesuada. Duis ut convallis augue. Nullam eleifend venenatis nisi, sed dapibus leo dictum vitae. Phasellus ut maximus velit.</p>
        <a href="#" class="secondary-link">Leave a comment</a>
    </section>

    <section class="newsletter">
        <div class="signup">
            <h1>Sign up for our newsletter!</h1>
            <input type="email" name="newsletter" id="newsletter" placeholder="Enter a valid email address" ><!--
            --><input class="signupButton" type="submit" value=""></input>
        </div>
    </section>

    <section class="container clearfix article">
        <section class="half-column left">
            <img src="./assets/images/music.jpg" alt="Girl at piano">
            <a href="#" class="secondary-link">Lifestyle</a>
            <a href="#"><h1 class="article-title">More than just a music festival</h1></a>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sodales aliquam lacus quis mattis. Quisque turpis leo, cursus sed accumsan nec, ornare nec nisi. Donec justo lacus, congue id varius vitae, posuere id lacus. Maecenas semper enim sed velit porta tempor. Nulla fringilla mauris eu urna lacinia convallis. Phasellus ut interdum arcu, et dapibus ex. In laoreet leo enim, vel mattis ante eleifend sed. Morbi interdum nulla sed ornare pharetra. Fusce sollicitudin sapien ut metus tristique mattis. Sed tempor tincidunt magna, sed ornare est ullamcorper nec. Duis dolor libero, pulvinar ut tristique id, posuere non turpis.</p>
        </section>

        <section class="half-column right">
            <img src="./assets/images/coffee.jpg" alt="Coffe mug">
            <a href="#" class="secondary-link">Lifestyle</a>
            <a href="#"><h1 class="article-title">Life tastes better with coffe</h1></a>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sodales aliquam lacus quis mattis. Quisque turpis leo, cursus sed accumsan nec, ornare nec nisi. Donec justo lacus, congue id varius vitae, posuere id lacus. Maecenas semper enim sed velit porta tempor. Nulla fringilla mauris eu urna lacinia convallis. Phasellus ut interdum arcu, et dapibus ex. In laoreet leo enim, vel mattis ante eleifend sed. Morbi interdum nulla sed ornare pharetra. Fusce sollicitudin sapien ut metus tristique mattis. Sed tempor tincidunt magna, sed ornare est ullamcorper nec. Duis dolor libero, pulvinar ut tristique id, posuere non turpis.</p>
        </section>
    </section>

    <footer class="primary-footer">
        <section class="container">
            <nav class="nav secondary-navigation left-nav">
                    <ul>
                        <span>Follow</span>
                        <li><a href="#" class="social-ico Facebook-ico"></a></li><!--
                        --><li><a href="#" class="social-ico Twitter-ico"></a></li><!--
                        --><li><a href="#" class="social-ico Instagram-ico"></a></li>
                    </ul>
            </nav>
        </section>
    </footer>
</body>
</html>