Frontend_Singulars-HTML-CSS/Maquetacions/Planting/Índex.html at main · esterbvila/Frontend_Singulars-HTML-CSS · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!-- nav, header, imatge, contingut, links:3 columnes amb un títol. Les dues primeres llistes d'enllaços i la 3a amb icones., footer -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Maquetació Web</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/0488aadc74.js" crossorigin="anonymous"></script>
</head>
<body>

    <div class="nav">
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">Content</a></li>
            <li><a href="">Gallery</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </div>

    <div class="header">
        <div class="títol">
        <h1>Planting</h1>
        <h5>a project by Ester Batllori</h5>
        </div>
    </div>

    <div class="imatge"></div>

    <div class="contingut">
        <div class="contingut2">
            <div class="text">
                <h3>What is Planting about?</h3>
                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit sint ea expedita sed eaque! Commodi autem ipsam minima quaerat iste est? Illum quia dignissimos quae corrupti! Voluptatibus animi quia quidem sapiente similique quaerat natus recusandae non delectus veniam ullam amet illum id eos placeat aliquam suscipit vero consequuntur possimus eius quam, perferendis consectetur ad. Mollitia eveniet sed commodi culpa adipisci debitis veritatis molestiae cumque. Velit libero rem tenetur saepe quisquam quae. Sequi unde odit cupiditate iusto quaerat harum totam optio aut quisquam eveniet quo eos placeat dolorem modi, reprehenderit deserunt aperiam velit quod ad? Consequatur officia placeat necessitatibus corporis earum.</p>
            </div>
            <div class="enllaços">
                <h3>Our colaborators</h3>
                <ul>
                    <li><a href="">Homemade Vegetables</a></li>
                    <li><a href="">Tropical Garden</a></li>
                    <li><a href="">PlantThem Yourself</a></li>
                    <li><a href="">Your Vegetables </a></li>
                    <li><a href="">PlantThem</a></li>
                    <li><a href="">Natural Veggies</a></li>
                    <li><a href="">Veggies & Co</a></li>
                </ul>
            </div>
            </div>
        </div>
    <div class="prefooter">
        <div class="prefooter2">
            <div class="links1">
                <h3>Our Sponspors</h3>
                <ul>
                    <li><a href="">European Union</a></li>
                    <li><a href="">Generalitat de Catalunya</a></li>
                    <li><a href="">Ajuntament de Barcelona</a></li>
                    <li><a href="">Lush Cosmetics</a></li>
                    <li><a href="">Ikea</a></li>
                    <li><a href="">Save the Planet</a></li>
                    <li><a href="">Green Urbanity</a></li>
                </ul>
            </div>
            <div class="links2">
                <h3>Our Partners</h3>
                <ul>
                    <li><a href="">Save The Planet</a></li>
                    <li><a href="">Green Peace</a></li>
                    <li><a href="">History in Green</a></li>
                    <li><a href="">Generalitat de Catalunya </a></li>
                    <li><a href="">TutiFruti</a></li>
                    <li><a href="">Naturalia</a></li>
                    <li><a href="">Urban Gardens</a></li>
                </ul>
            </div>
            <div class="media">
                <h3>You Can Follow Us here:</h3>
                <div class="icons">
                    <i class="fab fa-facebook"></i>
                    <i class="fab fa-instagram"></i>
                    <i class="fab fa-twitter"></i>
                    <i class="fab fa-youtube"></i>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="footer2">
            <p>Copyright © 2020 by Ester Batllori I Vila</p>
            <p>All rights reserved. No part of this publication may be reproduced, distributed, or transmitted in any form or by any means, including photocopying, recording, or other electronic or mechanical methods, without the prior written permission of the publisher, except in the case of brief quotations embodied in critical reviews and certain other noncommercial uses permitted by copyright law </p>
        </div>
    </div>


</div>
</body>
</html>