Hugging Face's logo

Spaces:
AlyahyaAgency
/
arasioils
Sleeping

App Files Community
arasioils
File size: 8,697 Bytes 
fbf553d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
cd6be8e
fbf553d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
 
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>AlYahya Agency</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity=
          \"sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">

  <link rel="stylesheet" href="static/css/styles.css">



<!--    Bootstrap scripts-->
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<!--    Google fonts-->
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&family=Ubuntu:ital,wght@0,300;0,700;1,700&display=swap" rel="stylesheet">

   <!--    This is font awesome page-->
   <script src="https://kit.fontawesome.com/83cf88b735.js" crossorigin="anonymous"></script>

</head>

<body>

  <section class="coloured-section" id="title">

    <!-- Nav Bar -->
  <div class="container-fluid">

  <nav class="navbar navbar-expand-lg navbar-dark">
    <a class="navbar-brand" href="">ARASI OILS</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto">
        <li class="nav-item">
            <a class="nav-link" href="#footer">Contact</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#pricing">Pricing</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#cta">Download</a>
        </li>
    </ul>
 </div>
</nav>



    <!-- Title -->

    <div class="row">
      <div class="col-lg-7" >
        <h1 class="big-heading">OIL FROM BEST HANDS</h1>
        <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button>
        <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>
      </div>

      <div class="col-lg-2 title-image" >
          <img src="static/assets/images/all_oils_image.webp" alt="iphone-mockup">
      </div>

<!--          <div class="col-lg-2 title-image" >-->
<!--            <img src="images/IC.jpg" alt="iphone-mockup">-->
<!--          </div>-->

    </div>

</div>

  </section>


  <!-- Features -->

  <section class="white-section" id="features">

  <div class="row features">

    <div class="col-lg-4 features-col">
        <i class="fas fa-check-circle fa-4x feature-icon"></i>
        <h3 class="features-text"> Quality Organic Oil </h3> <p>Quality is our top priority.</p>
    </div>

    <div class="col-lg-4 features-col">
        <i class="fas fa-bullseye fa-4x feature-icon"></i>
        <h3 class="features-text">Natural and Healthy</h3> <p>Natural in every drop. We aim to make you Healthy</p>
    </div>

    <div class="col-lg-4 features-col">
        <i class="fas fa-heart fa-4x feature-icon"></i>
        <h3 class="features-text">Enjoy</h3> <p>Enjoy the Life with Health</p>
    </div>

  </div>


  </section>


  <!-- Testimonials -->

  <section class="coloured-section" id="testimonials">

  <div id="testimonial-carousel" class="carousel slide" data-ride="false" >
    <div class="carousel-inner">
        <div class="carousel-item active">
            <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2>
            <img class="testimonial-image" src="static/assets/images/circle.png" alt="my-profile">
            <em>Ansari, Malaysia</em>
        </div>
        <div class="carousel-item">
            <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2>
            <img class="testimonial-image" src="static/assets/images/sheikfareed.jpg" alt="lady-profile">
            <em>Fareed, Malaysia</em>
        </div>

     </div>

        <a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>

        </a>
        <a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
        </a>
  </div>


  </section>


  <!-- Press -->

  <!-- <section id="press">
    <img class="press-image" src="static/assets/images/techcrunch.png" alt="tc-logo">
    <img class="press-image" src="static/assets/images/tnw.png" alt="tnw-logo">
    <img class="press-image" src="static/assets/images/bizinsider.png" alt="biz-insider-logo">
    <img class="press-image" src="static/assets/images/mashable.png" alt="mashable-logo">

  </section> -->


  <!-- Pricing -->


  <section class="white-section" id="pricing">
    <h1 class="big-heading">Choose Pure and Choose Nature</h1>
    <p>Simple and affordable price for your needs.</p>


   <div class="row">
     <div class ="pricing-column col-lg-4 col-md-6">
              <div class="card">
                <div class="card-header">
                    <h3 class="pricing-text">COCONUT OIL</h3>
                </div>
                <div class="card-body">
                    <h1 class="big-heading">₹260 / Liter</h1>
                    <p>Extracted from raw Coconut</p>
                    <p>Filtered Naturally</p>
                    <p>Packed Neatly and Served Freshly</p>
                    <!-- <button type="button" class="btn btn-lg btn-block btn-outline-dark" href="https://wa.me/+9181484 82568">Buy Now</button> -->
                    <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a>
                  </div>
              </div>
     </div>

       <div class ="pricing-column col-lg-4 col-md-6">
          <div class="card">
            <div class="card-header">
                <h3 class="pricing-text">GROUNDNUT OIL</h3>
            </div>
            <div class="card-body">
                <h1 class="big-heading">₹240 / Liter</h1>
                <p>Extracted from raw GROUNDNUT</p>
                <p>Filtered Naturally</p>
                <p>Packed Neatly and Served Freshly</p>
                <!-- <button type="button" class="btn btn-lg btn-block btn-dark">Buy Now</button> -->
                <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a>
            </div>
         </div>
       </div>


      <div class ="pricing-column col-lg-4">
              <div class="card">
                <div class="card-header">
                    <h3 class="pricing-text">SESAME OIL</h3>
                </div>
                <div class="card-body">
                    <h1 class="big-heading">₹400 / Liter</h1>
                    <p>Extracted from raw Seasame</p>
                    <p>Filtered Naturally</p>
                    <p>Unlimited layers</p>
                    <p>Packed Neatly and Served Freshly</p>
                    <!-- <button type="button" class="btn btn-lg btn-block btn-dark">Buy now</button> -->
                    <a href="https://wa.me/+918148482568" class="btn btn-lg btn-block btn-outline-dark" target="_blank">Buy Now</a>
                </div>
              </div>
      </div>
     </div>

  </section>


  <!-- Call to Action -->

  <section class="coloured-section" id="cta">

    <h1 class="big-heading">Find the best oil supplier who can bring your imagination to reality</h1>
    <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button>
    <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>


  </section>


  <!-- Footer -->

  <footer class="white-section" id="footer">

    <i class="contact-icon fab fa-twitter fa-3x"></i>
    <i class="contact-icon fab fa-facebook fa-3x"></i>
    <i class="contact-icon fab fa-instagram fa-3x"></i>
    <i class="contact-icon fab fa-linkedin fa-3x"></i>
    <p>© Copyright 2024 AlYahya Agencies</p>

  </footer>


</body>

</html>