galleryy/index.html at main · diya1510/galleryy · 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
100
101
102
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8" />
    <script src="https://kit.fontawesome.com/27d6b547fc.js" crossorigin="anonymous"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>-Food Gallery-</title>
    <link rel="stylesheet" href="css/styles.css" />
  </head>
  <body>
    <div class="container">

      <h1 class="intro">Bonne Bouche !</h1>
      <h3>Nothing brings people together like good food.</h3>

    </div>

    <div class="content">
      <h1 class="foodo">Are you a FOODAHOLIC..?</h1>

      <div class="wrap">
        <div class="biri">
          <img src="images/biriyani.png" , alt="biriyani" class="biriyani" />

          <h4>Biriyani never Disappoints</h4>
        </div>
        <div class="biri">
          <img src="images/momos.jpg" , alt="momos" />
          <h4>Mind says Abs, heart say Momos.</h4>
        </div>
        <div class="biri">
          <img src="https://res.cloudinary.com/swiggy/image/upload/f_auto,q_auto,fl_lossy/rl5lh2publohcybfbmvk" , alt="pav" />
          <h4>Bunch of Happiness!</h4>
        </div>
        <div class="biri">
          <img src="images/paneer.jpg" ,alt="paneer" />
          <h4>Spice up your Life!</h4>
        </div>
        <div class="biri">
          <img src="images/north.jpg" ,alt="north" />
          <h4>Indulge in the Richness!</h4>
        </div>
        <div class="biri">
          <img src="images/thali.jpg" ,alt="thali" />
          <h4>Bliss on a plate..</h4>
        </div>
        <div class="biri">
          <img src="images/sweets.jpg" ,alt="sweets" />
          <h4>Made with Love..</h4>
        </div>
        <div class="biri">
          <img src="images/samosa.jpg" ,alt="samosa" />
          <h4>Got fillings for you...</h4>
        </div>
        <div class="biri">
          <img src="images/dosa.jpg" ,alt="dosa" />
          <h4>The Ultimate Comfort Food.</h4>
        </div>
        <div class="biri">
          <img src="images/sheerKurma.jpg" ,alt="sheer" />
          <h4>A few more calories won't hurt.</h4>
        </div>
        <div class="biri">
          <img src="images/kheer.jpg" ,alt="kheer" />
          <h4>Let's have some kheeeer!</h4>
        </div>
        <div class="biri">
          <img src="images/falooda.jpg" ,alt="falooda" />
          <h4>Stay Chill, Sweetie.</h4>
        </div>
      </div>
    </div>
    <hr />
    <div class="sub-container">


        <h2>do you wanna have some...</h2>
      <div class="gallery">
        <div class="img-box"><h3>Chai</h3></div>
        <div class="img-box"><h3>Coffee</h3></div>
        <h2>...???</h2>
      </div>
    </div>
  </body>
  <footer>
    <div class="bottom-container">
        <div class="icon">
            <a class="icons" href="https://www.instagram.com/">
                <i class="fa-brands fa-instagram"></i>            </a>
            <a class="icons" href="https://twitter.com/">
                <i class="fa-brands fa-twitter"></i>            </a>
            <a class="icons" href="https://www.linkedin.com/feed/">
                <i class="fa-brands fa-linkedin-in"></i>            </a>
            <a class="icons" href="https://github.com/diya1510">
                <i class="fa-brands fa-github"></i>            </a>
        </div>
        <p class="tag">© 2023 Pratyasha Panda.</p>
    </div>
  </footer>
</html>