Hugging Face's logo

Spaces:
Ansaribinhyder
/
Alyahya
Paused

App Files Community
Ansaribinhyder commited on
Commit
93a30ec
·
1 Parent(s): 9d6c0f1

Added All the neccessary files for Arasi Website

Browse files
Files changed (26) hide show
  1. main.py +16 -5
  2. requirements.txt +4 -1
  3. static/assets/images/.DS_Store +0 -0
  4. static/assets/images/IC.jpg +0 -0
  5. static/assets/images/IC02.jpg +0 -0
  6. static/assets/images/PCB.webp +0 -0
  7. static/assets/images/PCB02.jpg +0 -0
  8. static/assets/images/TechCrunch.png +0 -0
  9. static/assets/images/all_oils_image.webp +0 -0
  10. static/assets/images/bizinsider.png +0 -0
  11. static/assets/images/circle.png +0 -0
  12. static/assets/images/circuit.jpg +0 -0
  13. static/assets/images/dog-img.jpg +0 -0
  14. static/assets/images/groundnut-sesame-coconut-oil-combo-500x500.webp +0 -0
  15. static/assets/images/iPhone12.png +0 -0
  16. static/assets/images/iphone12.jpg +0 -0
  17. static/assets/images/iphone12_new.jpg +0 -0
  18. static/assets/images/iphone12_new_2.jpg +0 -0
  19. static/assets/images/iphone6.png +0 -0
  20. static/assets/images/lady-img.jpg +0 -0
  21. static/assets/images/mashable.png +0 -0
  22. static/assets/images/oil_image.jpg +0 -0
  23. static/assets/images/tnw.png +0 -0
  24. static/css/.DS_Store +0 -0
  25. static/css/styles.css +204 -0
  26. templates/index.html +237 -0
main.py CHANGED
@@ -1,7 +1,18 @@
1
- from fastapi import FastAPI
 
 
2
 
3
- app = FastAPI()
 
4
 
5
- @app.get("/")
6
- def read_root():
7
- return {"AlYahya": "Arasi Oils!"}
 
 
 
 
 
 
 
 
 
1
+ from flask import Flask, render_template
2
+ from flask_compress import Compress
3
+ import socket
4
 
5
+ host_name = socket.gethostname()
6
+ host_name_ipaddress = socket.gethostbyname(host_name)
7
 
8
+ app = Flask(__name__)
9
+ Compress(app)
10
+
11
+
12
+ @app.route('/')
13
+ def get_all_posts():
14
+ return render_template("index.html")
15
+
16
+
17
+ if __name__ == "__main__":
18
+ app.run(debug=False,host=host_name_ipaddress,port=8190)
requirements.txt CHANGED
@@ -3,4 +3,7 @@ numpy
3
  fastapi
4
  uvicorn
5
  python-multipart
6
- pyzmq
 
 
 
 
3
  fastapi
4
  uvicorn
5
  python-multipart
6
+ pyzmq
7
+ flask
8
+ flask-compress
9
+ socket
static/assets/images/.DS_Store ADDED
Binary file (6.15 kB). View file
 
static/assets/images/IC.jpg ADDED
static/assets/images/IC02.jpg ADDED
static/assets/images/PCB.webp ADDED
static/assets/images/PCB02.jpg ADDED
static/assets/images/TechCrunch.png ADDED
static/assets/images/all_oils_image.webp ADDED
static/assets/images/bizinsider.png ADDED
static/assets/images/circle.png ADDED
static/assets/images/circuit.jpg ADDED
static/assets/images/dog-img.jpg ADDED
static/assets/images/groundnut-sesame-coconut-oil-combo-500x500.webp ADDED
static/assets/images/iPhone12.png ADDED
static/assets/images/iphone12.jpg ADDED
static/assets/images/iphone12_new.jpg ADDED
static/assets/images/iphone12_new_2.jpg ADDED
static/assets/images/iphone6.png ADDED
static/assets/images/lady-img.jpg ADDED
static/assets/images/mashable.png ADDED
static/assets/images/oil_image.jpg ADDED
static/assets/images/tnw.png ADDED
static/css/.DS_Store ADDED
Binary file (6.15 kB). View file
 
static/css/styles.css ADDED
@@ -0,0 +1,204 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body
2
+ {
3
+ font-family: 'Montserrat';
4
+ text-align : center;
5
+ }
6
+
7
+ h1,h2,h3,h4,h5,h6{
8
+ font-family: 'Montserrat-bold';
9
+
10
+ }
11
+
12
+
13
+ #title
14
+ {
15
+ color:#36454F;
16
+ text-align:left;
17
+ }
18
+
19
+ .big-heading{
20
+ font-size: 4.0rem;
21
+ line-height: 1.2;
22
+ font-weight: 900;
23
+ }
24
+
25
+ .container-fluid {
26
+ padding: 3% 15% 5%;
27
+ }
28
+
29
+ /* Sections */
30
+ .coloured-section{
31
+ background-color:#89CFF0;
32
+ }
33
+
34
+ .white-section{
35
+ background-color:#fff;
36
+ }
37
+
38
+ /* Navigation bar */
39
+
40
+ .navbar
41
+ {
42
+ padding:0 0 5.0rem;
43
+
44
+ }
45
+
46
+ .navbar-brand
47
+ {
48
+ font-family: "Ubuntu";
49
+ font-size: 3.0rem;
50
+ font-weight: Bold;
51
+ }
52
+
53
+ .nav-item
54
+ {
55
+ padding: 0 20px;
56
+
57
+ }
58
+
59
+ .nav-link
60
+ {
61
+ font-size: 2rem;
62
+ font-family: "Montserrat-Thin"
63
+ }
64
+
65
+ /* Download-button */
66
+
67
+ .download-button
68
+ {
69
+
70
+ margin: 5% 3% 5% 0;
71
+ }
72
+
73
+ /* Title image */
74
+
75
+ .title-image
76
+ {
77
+ width:50px;
78
+ position:relative;
79
+ left: -3%;
80
+
81
+ }
82
+
83
+ /* Features Icon */
84
+
85
+ .feature-icon
86
+ {
87
+ color:#ADD8E6;
88
+ margin-bottom: 1rem;
89
+
90
+ }
91
+
92
+ .features-text{
93
+ font-family: 'Montserrat-Bold';
94
+ font-weight:900;
95
+
96
+ }
97
+
98
+
99
+ .features-col{
100
+ padding:5%;
101
+ }
102
+
103
+ #features
104
+ {
105
+ padding:7% 15%;
106
+ align : center;
107
+ position:relative;
108
+ z-index: 1;
109
+ }
110
+
111
+ .feature-icon:hover {
112
+ color: #ff4c68;
113
+
114
+ }/* testimonials */
115
+
116
+ .testimonial-text{
117
+ font-size: 3rem;
118
+ line-height: 1.5;
119
+ color:#fff;
120
+
121
+ }
122
+
123
+ #testimonials
124
+ {
125
+ background-color: #ff4c68
126
+ }
127
+
128
+ .testimonial-image
129
+ {
130
+ width:10%;
131
+ margin: 20px;
132
+ border-radius: 100%;
133
+ }
134
+
135
+ /* press */
136
+ #press{
137
+ background-color:#ff4c68;
138
+ padding-bottom:3%;
139
+
140
+ }
141
+
142
+ .press-image {
143
+
144
+ width: 10%;
145
+ margin :20px 20px 50px;
146
+ }
147
+
148
+ .carousel-item {
149
+ padding : 7% 15%;
150
+ }
151
+
152
+ /* Pricing */
153
+
154
+ .pricing-text{
155
+ font-family: 'Montserrat-Bold';
156
+ font-weight:900;
157
+ }
158
+
159
+ #pricing {
160
+ padding: 100px;
161
+ }
162
+
163
+ .pricing-column{
164
+ padding: 3% 2%;
165
+ }
166
+
167
+ /*CTA section */
168
+
169
+ #cta{
170
+ padding: 10% 20%;
171
+ color:#36454F;
172
+ }
173
+
174
+ .cta-heading{
175
+ font-family: "Montserrat-Black";
176
+ font-size: 3.5rem;
177
+ line-height: 1.5;
178
+ }
179
+
180
+ /* Footer */
181
+
182
+ #footer{
183
+ padding: 5% 10%;
184
+ }
185
+
186
+ .contact-icon{
187
+ margin:10px 10px;
188
+ padding: 2% 2%;
189
+ }
190
+
191
+ @media (max-width:900px)
192
+ {
193
+ #title{
194
+ text-align: center;
195
+ }
196
+
197
+ .title-image
198
+ {
199
+ position: relative;
200
+ transform: rotate(0);
201
+ left:10%;
202
+ }
203
+ }
204
+
templates/index.html ADDED
@@ -0,0 +1,237 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <title>AlYahya Agency</title>
7
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity=
8
+ \"sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
9
+
10
+ <link rel="stylesheet" href="static/css/styles.css">
11
+
12
+
13
+
14
+ <!-- Bootstrap scripts-->
15
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
16
+ <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>
17
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
18
+
19
+ <!-- Google fonts-->
20
+ <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">
21
+
22
+ <!-- This is font awesome page-->
23
+ <script src="https://kit.fontawesome.com/83cf88b735.js" crossorigin="anonymous"></script>
24
+
25
+ </head>
26
+
27
+ <body>
28
+
29
+ <section class="coloured-section" id="title">
30
+
31
+ <!-- Nav Bar -->
32
+ <div class="container-fluid">
33
+
34
+ <nav class="navbar navbar-expand-lg navbar-dark">
35
+ <a class="navbar-brand" href="">ARASI OILS</a>
36
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
37
+ <span class="navbar-toggler-icon"></span>
38
+ </button>
39
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
40
+ <ul class="navbar-nav ml-auto">
41
+ <li class="nav-item">
42
+ <a class="nav-link" href="#footer">Contact</a>
43
+ </li>
44
+ <li class="nav-item">
45
+ <a class="nav-link" href="#pricing">Pricing</a>
46
+ </li>
47
+ <li class="nav-item">
48
+ <a class="nav-link" href="#cta">Download</a>
49
+ </li>
50
+ </ul>
51
+ </div>
52
+ </nav>
53
+
54
+
55
+
56
+ <!-- Title -->
57
+
58
+ <div class="row">
59
+ <div class="col-lg-7" >
60
+ <h1 class="big-heading">OIL FROM BEST HANDS</h1>
61
+ <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button>
62
+ <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>
63
+ </div>
64
+
65
+ <div class="col-lg-2 title-image" >
66
+ <img src="static/assets/images/all_oils_image.webp" alt="iphone-mockup">
67
+ </div>
68
+
69
+ <!-- <div class="col-lg-2 title-image" >-->
70
+ <!-- <img src="images/IC.jpg" alt="iphone-mockup">-->
71
+ <!-- </div>-->
72
+
73
+ </div>
74
+
75
+ </div>
76
+
77
+ </section>
78
+
79
+
80
+ <!-- Features -->
81
+
82
+ <section class="white-section" id="features">
83
+
84
+ <div class="row features">
85
+
86
+ <div class="col-lg-4 features-col">
87
+ <i class="fas fa-check-circle fa-4x feature-icon"></i>
88
+ <h3 class="features-text"> Quality Organic Oil </h3> <p>Quality is our top priority.</p>
89
+ </div>
90
+
91
+ <div class="col-lg-4 features-col">
92
+ <i class="fas fa-bullseye fa-4x feature-icon"></i>
93
+ <h3 class="features-text">Natural and Healthy</h3> <p>Natural in every drop. We aim to make you Healthy</p>
94
+ </div>
95
+
96
+ <div class="col-lg-4 features-col">
97
+ <i class="fas fa-heart fa-4x feature-icon"></i>
98
+ <h3 class="features-text">Enjoy</h3> <p>Enjoy the Life with Health</p>
99
+ </div>
100
+
101
+ </div>
102
+
103
+
104
+ </section>
105
+
106
+
107
+ <!-- Testimonials -->
108
+
109
+ <section class="coloured-section" id="testimonials">
110
+
111
+ <div id="testimonial-carousel" class="carousel slide" data-ride="false" >
112
+ <div class="carousel-inner">
113
+ <div class="carousel-item active">
114
+ <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2>
115
+ <img class="testimonial-image" src="static/assets/images/circle.png" alt="my-profile">
116
+ <em>Ansari, Malaysia</em>
117
+ </div>
118
+ <div class="carousel-item">
119
+ <h2 class="testimonial-text">ARASI OILS PROVIDE HIGH QUALITY OIL</h2>
120
+ <img class="testimonial-image" src="static/assets/images/IC.jpg" alt="lady-profile">
121
+ <em>Fareed, Malaysia</em>
122
+ </div>
123
+
124
+ </div>
125
+
126
+ <a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
127
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
128
+
129
+ </a>
130
+ <a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
131
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
132
+ </a>
133
+ </div>
134
+
135
+
136
+ </section>
137
+
138
+
139
+ <!-- Press -->
140
+
141
+ <section id="press">
142
+ <img class="press-image" src="static/assets/images/techcrunch.png" alt="tc-logo">
143
+ <img class="press-image" src="static/assets/images/tnw.png" alt="tnw-logo">
144
+ <img class="press-image" src="static/assets/images/bizinsider.png" alt="biz-insider-logo">
145
+ <img class="press-image" src="static/assets/images/mashable.png" alt="mashable-logo">
146
+
147
+ </section>
148
+
149
+
150
+ <!-- Pricing -->
151
+
152
+
153
+ <section class="white-section" id="pricing">
154
+ <h1 class="big-heading">Choose Pure and Choose Nature</h1>
155
+ <p>Simple and affordable price for your needs.</p>
156
+
157
+
158
+ <div class="row">
159
+ <div class ="pricing-column col-lg-4 col-md-6">
160
+ <div class="card">
161
+ <div class="card-header">
162
+ <h3 class="pricing-text">COCONUT OIL</h3>
163
+ </div>
164
+ <div class="card-body">
165
+ <h1 class="big-heading">₹220 / Liter</h1>
166
+ <p>Determined by Components per layer</p>
167
+ <p>Determined by Components Per Design</p>
168
+ <p>Less Complex Design</p>
169
+ <button type="button" class="btn btn-lg btn-block btn-outline-dark">Buy Now</button>
170
+ </div>
171
+ </div>
172
+ </div>
173
+
174
+ <div class ="pricing-column col-lg-4 col-md-6">
175
+ <div class="card">
176
+ <div class="card-header">
177
+ <h3 class="pricing-text">GROUNDNUT OIL</h3>
178
+ </div>
179
+ <div class="card-body">
180
+ <h1 class="big-heading">₹320 / Liter</h1>
181
+ <p>Unlimited Components</p>
182
+ <p>Less-Complex design</p>
183
+ <p>Determined by Layers</p>
184
+ <button type="button" class="btn btn-lg btn-block btn-dark">Buy Now</button>
185
+ </div>
186
+ </div>
187
+ </div>
188
+
189
+
190
+ <div class ="pricing-column col-lg-4">
191
+ <div class="card">
192
+ <div class="card-header">
193
+ <h3 class="pricing-text">SESAME OIL</h3>
194
+ </div>
195
+ <div class="card-body">
196
+ <h1 class="big-heading">₹400 / Liter</h1>
197
+ <p>Unlimited Components</p>
198
+ <p>Complex design</p>
199
+ <p>Unlimited layers</p>
200
+ <p>Determined by Components and layers</p>
201
+ <button type="button" class="btn btn-lg btn-block btn-dark">Buy now</button>
202
+ </div>
203
+ </div>
204
+ </div>
205
+ </div>
206
+
207
+ </section>
208
+
209
+
210
+ <!-- Call to Action -->
211
+
212
+ <section class="coloured-section" id="cta">
213
+
214
+ <h1 class="big-heading">Find the best oil supplier who can bring your imagination to reality</h1>
215
+ <button type="button" class="btn btn-dark btn-lg download-button"> <i class="fab fa-apple"></i> Download</button>
216
+ <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i> Download</button>
217
+
218
+
219
+ </section>
220
+
221
+
222
+ <!-- Footer -->
223
+
224
+ <footer class="white-section" id="footer">
225
+
226
+ <i class="contact-icon fab fa-twitter fa-3x"></i>
227
+ <i class="contact-icon fab fa-facebook fa-3x"></i>
228
+ <i class="contact-icon fab fa-instagram fa-3x"></i>
229
+ <i class="contact-icon fab fa-linkedin fa-3x"></i>
230
+ <p>© Copyright 2024 AlYahya Agencies</p>
231
+
232
+ </footer>
233
+
234
+
235
+ </body>
236
+
237
+ </html>