farmSite/index.html at main · HannaOdud/farmSite · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/style.css" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
        <title>Template</title>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
    </head>
<body>
    <div class="body-wrap">
        <header>
            <div>
                <a href="index.html" class="a-logo"><img class="logo" src="images/logo2.jpg"  alt="img"></a>
            </div>
        </header>
        <main>
            <div class="menu">
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About us</a></li>
                        <li><a href="whatToBuy.html">What to buy</a></li>
                        <li><a href="pettingZoo.html">Petting zoo</a></li>
                        <li><a href="cafe.html">Cafe</a></li>
                        <li><a href="playground.html">Playground</a></li>
                        <li><a href="contactPage.html">Contact page</a></li>
                    </ul>
                </nav>
            </div>
            <div class="content">
                <div class="slogan">
                    <img class="slogan-image" src="images/slogan2.jfif"  alt="img">
                    <div class="slogan-text">
                        <h3>Welcome to our Farm Site </h3>
                        <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus voluptates, culpa soluta ut necessitatibus impedit consequuntur suscipit quas dolore, praesentium tempora quasi! Cupiditate sunt, quod reprehenderit eum qui dolores minima.
                        Lorem, ipsum
dolor sit amet consectetur adipisicing elit. Temporibus voluptates, culpa soluta ut necessitatibus impedit consequuntur suscipit quas dolore, praesentium tempora quasi! Cupiditate sunt, quod reprehenderit eum qui dolores minima.
                        </p>
                        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Totam unde, modi incidunt tenetur laboriosam, maiores dignissimos illum enim excepturi qui quaerat soluta quibusdam, minima magnam aut itaque laborum veniam quia!</p>
                    </div>
                </div>
                <div class="shop-link">
                    <p>What we have today ...</p>
                    <a href="whatToBuy.html">Shop online</a>
                </div>
            </div>
        </main>
        <footer>
            <div>
                <p> You have to visit us! </p>
            </div>
        </footer>
    </div>

</body>
</html>