Cafe-Project/Home.html at main · SKY-Code-ai/Cafe-Project · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webside</title>
    <link rel="stylesheet" href="webside.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=search" />
    </head>
<body>
    <header><div id="navbar">
        <img src="back_1-removebg-preview.png">
        <a href="Home.html" style="text-decoration: underline;  color:#085c2e;">Home</a>
        <a href="Menu.html">Menu</a>
        <a href="gift.html">Voucher</a>
        <a href="About.html">About Us</a>
        <a href="Contact.html">Contact Us</a>
        <from style="display: inline-block; padding-bottom: 15px;">
        <div class="search">
            <span class=" search-icon material-symbols-outlined">search</span>
            <input class="search-input" type="search" placeholder="search">
        </div>
        </from>

        <img id="acc" src="logo acc.png">
        <img id="acc1" src="add card.img.png" alt="card">

    </div></header>
    <br>
    <DIV id="dd0"> COFFEE TOO KAFFEEN</DIV>
    <nav id="img00">
        <center>
       <div id="coffeeimg"><img src="coffee img1.png" alt="img 1" id="img01"><h4>Iced Coffee Frappe</h4></div>
       <div id="coffeeimg"> <img src="coffee img 2.png" alt="img2" id="img01"><h4>Hazelnut Milk Shake</h4></div>
       <div id="coffeeimg"><img src="Coffee img 3.png" alt="img3" id="img01"><h4>Chocolate Shake</h4></div>
       <div id="coffeeimg"><img src="Coffee img 4.png" alt="img4" id="img01"><h4>Kesar Pista Milk Shake</h4></div>
       </center>
    </nav>

    <center>
        <a href="Menu.html"><button id="bull">Start Order</button></a>
    </center>

<nav>
<center>
    <div id="dd1"><a href="About.html" style="font-size: 25px;"> About Us </a><br><br><a href="Our  Campany.html" style="font-size: 25px;">Our Campany </a> <br><br><a href="Our Coffee.html"  style="font-size: 25px;">Our Coffee </a><br> <br><a href="Story.html" style="font-size: 25px;">Story </a><br><br><a href="job.html" style="font-size: 25px;"> Job</a></div>
    <div id="dd1"> <a href="policy.html" style="font-size: 25px;">Our Policy </a><br><br> <a href="terms.html" style="font-size: 25px;">Terms & Conditions</a> <br><br> <a href="privacy.html" style="font-size: 25px;">Privacy Policy</a></div>
    <div id="dd1"> <b>Follow Us</b> <br><br> <a href="https://www.instagram.com/pitambar_tiwari__?igsh=eDh3ZmVpdzczNTAw" style="  height: 60px; margin: 10px;"><img id="logo2" src="insta logo.png" alt="insta logo"></a> <a href="https://www.instagram.com/pitambar_tiwari__?igsh=eDh3ZmVpdzczNTAw"style="  height: 60px; margin: 10px;"> <img id="logo2" src="face book logo.png" alt="facebook logo"></a></div>
</center>
</nav>

</body>
</html>