InteractiveSystemsDev/index.html at main · Elo-1/InteractiveSystemsDev · 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

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Cafe Website</title>
        <link rel="stylesheet" href="styles.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <script type="text/javascript" src="script.js" defer></script>
    </head>
    <body>
        <section class="header">
            <nav>
               <a href="index.html"><img src="images/logo.png" alt=""></a>
               <div class="nav-links" id="navLinks">
                <i class="fa fa-solid fa-xmark" onclick="hideMenu()"></i>
                <ul>
                    <li><a href="index.html">home</a></li>
                    <li><a href="about.html">about</a></li>
                    <li><a href="menu.html">menu</a></li>
                    <li><a href="blog.html">blog</a></li>
                    <li><a href="contact.html">contact</a></li>
                </ul>
               </div>
               <i class="fa fa-solid fa-bars" onclick="showMenu()"></i>
            </nav>
            <div class="text-box">
                <h1>Cozy Local Cafe</h1>
                <p>
                    Welcome to your cozy and friendly spot for delicious coffee, tea, pastries, sandwiches, salads, and more.
                   <br> Whether you need a quick breakfast on the go, a relaxing lunch break, or a sweet treat in the afternoon, we have something for everyone.
                </p>
                <a href="" class="cool-btn">Visit us to know more!</a>
            </div>
        </section>

        <section class="we-offer">
            <div class="container">
                <h2>We Offer</h2>
                <p>Come and enjoy our fresh and locally sourced ingredients</p>
            </div>
        </section>


        <section class="boxes">
            <div class="box">
                <h3>Coffee</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu ligula euismod, venenatis justo eu, auctor nulla. Integer sed tincidunt nulla. Praesent maximus felis eget enim ullamcorper placerat.</p>
            </div>
            <div class="box">
                <h3>Pastries</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu ligula euismod, venenatis justo eu, auctor nulla. Integer sed tincidunt nulla. Praesent maximus felis eget enim ullamcorper placerat.</p>
            </div>
            <div class="box">
                <h3>Sandwiches & Salads</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu ligula euismod, venenatis justo eu, auctor nulla. Integer sed tincidunt nulla. Praesent maximus felis eget enim ullamcorper placerat.</p>
            </div>
        </section>


        <section class="our-cafe">
            <div class="container">
                <h2>Our Unique Cafe</h2>
                <p>Experience the cozy ambiance and friendly service at our cafe.</p>
            </div>
        </section>


    </body>
</html>