@benbenn/

BentesLilleIndia

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • css files
  • images
  • js files
  • about.html
  • contact.html
  • howimetindia.html
index.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>BENTES LILLE INDIA</title>
    <link href="css files/layout.css" rel="stylesheet" type="text/css" />
    <link href="css files/theme.css" rel="stylesheet" type="text/css" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  </head>

  <body>
      <nav class="" id ="top">
          <div class ="sides flag-green-b">
              <h4 class ="menu-toggler white">MENU</h4>
          </div>
          <div class ="middle">
              <div class ="image-wrapper centered">
                  <img src ="images/elefant.png" alt ="an elephant">
              </div>
          </div>
          <div class ="sides flag-yellow-b">
              <ul class="menu white">
                  <li><a class ="link">HOME</a></li>
                  <li><a class ="link">ABOUT</a></li>
                  <li><a class ="link" href ="contact.html">CONTACT</a></li>
              </ul>
          </div>
      </nav>

      <menu class ="main-menu">
          <ul class="white">
              <a class ="" href ="store.html"><li class ="link">STORE</li></a>
              <a class ="" href ="clases.html"><li class ="link">Cooking class</li></a>
              <a class ="" href ="about.html"><li class ="link">About Me</li></a>
              <a class ="" href ="resturant.html"><li class ="link">Resturant</li></a>
              <a class ="" href ="india-life-html"><li class ="link">Life in India</li></a>
          </ul>
      </menu>

    <script>
        $(".main-menu").toggleClass("hidden");
        $(".main-menu").slideToggle();
    </script>

      <header>
          <div class ="title-wrapper">
                <h3 class="header-subtitle centered white flag-green-b">
                  welcome to
                </h3>

                <h1 class ="header-title centered white flag-yellow-b">
                  bente's little india
                </h1>
          </div>
      </header>

      <section class ="cooking-clases flag-green-b">
        <div class ="container white ">
            <div class ="left-side">
                <h3 class ="section-title">
                    learn indian cooking
                </h3>

                <p class ="section-text">
                    Do you want to learn how to cook like they do in India, and to make indian food? Then this is something for you! I will teach you how to cook by cooking together with you. We will have a good time together and eat good indian food.
                </p>
            </div>
            <div class ="right-side">
                <img class ="image-framed" src ="images/indisk mat.gif" alt ="a table with indian food">

                <a class ="button">Learn More</a>
            </div>
        </div>
      </section>

    <section class ="mystory">
        <div class ="container flag-yellow">
            <div class ="left-side">
                <h3 class ="section-title">
                    how i met india
                </h3>
                <p class ="section-text flag-yellow">
                    When i was around 18 years, God told me to take to India. I didn't have the money or the knowledge or anything else. But i trusted God, and it turned out he would supply me with all i needed. Everyone i met told me to go to mission here in Norway, but my grandmother supported me.
                </p>
                <a class ="button" href ="howimetindia.html">Read More</a>
            </div>

            <div class ="right-side">
                <img class ="image-framed" src ="images/bente.JPG" alt ="picture of Bente">
            </div>
        </div>
    </section>

    <section class ="store flag-yellow-b white">
        <div class ="container">
            <h3 class ="section-title">visit my indian store</h3>
            <a class ="button">VISIT NOW</a>

            <p class ="section-text">
                Do you like indian clothes, or indian carpets and house things. I have all those things. Just click here to come to my store, and to see all the nice things i have from india.
            </p>

            <div class ="image-gallery">
                <div class ="image-white-background">
                    <img src ="images/indisk rull.jpg" alt ="an indian roll">
                </div>
                <div class ="image-white-background">
                    <img src ="images/indisk skap.jpg" alt ="an indian cabinet">
                </div>
                <div class ="image-white-background">
                    <img src ="images/indiske armbånd.jpg" alt ="indian bracelets">
                </div>
                <div class ="image-white-background">
                    <img src ="images/indiske trommer.jpg" alt ="indian drums">
                </div>
            </div>
        </div>
    </section>


    <section class ="resturant">
        <div class ="container flag-green">
            <h3 class ="section-title"> I can make food for your party</h3>

            <p class ="section-text">
                I can make food for you, for a special or ordinary event. And i will gladly come and tell about India and make some indian food for you. Just contact me and we can agree on a deal.
            <p>

            <a class ="button flag-green noline" href ="">See More</a>
    </section>

    <footer>
        <div class ="container white">
            <ul class ="menu white">
                <li><a class ="link" href ="#top">TOP</a></li>
                <li><a class ="link" href ="">STORE</a></li>
                <li><a class ="link" href ="contact.html">CONTACT</a></li>
                <li><a class ="link" href ="">MENU</a></li>
            </ul>
            <h5>Made by Benjamin Hinz____________Email: <a class ="link underline">[email protected]</a></h5>
        </div>
    </footer>


    <script src="js files/script.js"></script>
  </body>
</html>
result
console