delivery-app/intro.html at main · elsonkjimmy/delivery-app · 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
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
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta name="description" content="Askbootstrap">
      <meta name="author" content="Askbootstrap">
      <link rel="icon" type="image/png" href="demo/logo.svg">
      <title>Grofar - Online Grocery Supermarket HTML Mobile Template</title>
      <!-- Bootstrap core CSS -->
      <link href="demo/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
      <link href="demo/vendor/bootstrap/css/demo.css" rel="stylesheet">
      <!-- Bootstrap Icons -->
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
   </head>
   <body id="page-top" data-new-gr-c-s-check-loaded="14.1076.0" data-gr-ext-installed="">
      <!-- Header-->
      <div class="bg-white">
         <header class="bg-success bg-gradient text-white pt-5">
            <div class="container px-4 py-4 text-center">
               <img class="logo rounded-pill" src="demo/logo.svg">
               <h1 class="fw-bolder mt-4">Grofar - Online Grocery</h1>
               <p class="lead">Supermarket HTML Mobile Template <small class="btn btn-danger h6 text-white rounded px-2 py-0">v2.0</small></p>
               <a class="btn btn-lg btn-primary shadow-sm rounded-pill px-4" href="https://themeforest.net/item/grofar-online-grocery-supermarket-html-mobile-template/28418804"><strong>SALE</strong> 20% OFF</a>
               <a class="btn btn-lg btn-success shadow-sm rounded-pill px-4" href="https://themeforest.net/item/grofar-online-grocery-supermarket-html-mobile-template/28418804"><strong>18$</strong> Purchase</a>
               <p class="my-3"><span class="bg-warning small rounded px-2 py-1 text-dark">20% OFF Sale For First 300 Sales</span></p>
               <p class="text-white h6 fw-bold mt-5 mb-3">Perfect Demos</p>
               <div class="text-center">
                  <a class="btn btn-sm btn-light mx-1" href="#demos"><i class="bi bi-phone"></i> Demo 1</a>
                  <a class="btn btn-sm btn-light mx-1" href="#demo-two"><i class="bi bi-phone"></i> Demo 2</a>
               </div>
            </div>
            <div class="svg-border-rounded text-light">
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="currentColor">
                  <path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path>
               </svg>
            </div>
         </header>
      </div>
      <section class="bg-white" id="demos">
         <div class="container py-5">
            <div class="row align-items-center">
               <div class="col-lg-6 text-end">
                  <img class="my-3 img-fluid col-7" src="demo/qrcode-two.png">
                  <p class="text-danger small mb-5">Scan to View on Your Mobile Device
                  </p>
               </div>
               <div class="col-lg-6 text-center">
                  <div class="phone-screen">
                     <div class="f-r">
                        <iframe name="preview" src="app-two/home.html"></iframe>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <section class="bg-white" id="demo-two">
         <div class="container py-5">
            <div class="row align-items-center">
               <div class="col-lg-6 text-center">
                  <div class="phone-screen">
                     <div class="f-r">
                        <iframe name="preview" src="account-setup.html"></iframe>
                     </div>
                  </div>
               </div>
               <div class="col-lg-6">
                  <img class="my-3 img-fluid col-7" src="demo/qrcode.png">
                  <p class="text-danger small mb-5">Scan to View on Your Mobile Device
                  </p>
               </div>
            </div>
         </div>
      </section>
      <section class="py-5 bg-white border-top">
         <div class="section-title text-center mb-5">
            <h3 class="fw-bold text-dark">Template Features</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
         </div>
         <div class="container">
            <div class="row">
               <div class="col-lg-4 col-md-4">
                  <div class="mt-4 mb-3"><i class="text-success bi bi-columns-gap h3 m-0"></i></div>
                  <h6 class="mt-3 fw-bold mb-2">Creative Design</h6>
                  <p class="text-muted">It comes with creative & smart design layout.</p>
               </div>
               <div class="col-lg-4 col-md-4">
                  <div class="mt-4 mb-3"><i class="text-success bi bi-filetype-html h3 m-0"></i></div>
                  <h6 class="mt-3 fw-bold mb-2">Customizable</h6>
                  <p class="text-muted">You can easily read, edit, and write your own code, or change everything.</p>
               </div>
               <div class="col-lg-4 col-md-4">
                  <div class="mt-4 mb-3"><i class="text-success bi bi-code-slash h3 m-0"></i></div>
                  <h6 class="mt-3 fw-bold mb-2">Clean Code</h6>
                  <p class="text-muted">You can find our code well organized, commented and readable.</p>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-4 col-md-4">
                  <div class="mt-4 mb-3"><i class="text-success bi bi-question-circle h3 m-0"></i></div>
                  <h6 class="mt-3 fw-bold mb-2">24/7 Support</h6>
                  <p class="text-muted">Top notch support team is available 24 hours a day, 7 days a week.</p>
               </div>
               <div class="col-lg-4 col-md-4">
                  <div class="mt-4 mb-3"><i class="text-success bi bi-arrow-clockwise h3 m-0"></i></div>
                  <h6 class="mt-3 fw-bold mb-2">Free Updates</h6>
                  <p class="text-muted">When you purchase this template, you'll freely receive future updates.</p>
               </div>
               <div class="col-lg-4 col-md-4">
                  <div class="mt-4 mb-3"><i class="text-success bi bi-bootstrap h3 m-0"></i></div>
                  <h6 class="mt-3 fw-bold mb-2">Build with Bootstrap v5.2.0 (Latest)</h6>
                  <p class="text-muted">Bootstrap v5.2.0 is the newest version of Bootstrap</p>
               </div>
            </div>
         </div>
      </section>
      <!-- Footer-->
      <section class="py-5 bg-dark border-top">
         <div class="section-title text-center">
            <p class="text-white mb-1">© Copyright 2022 Grofar. All Rights Reserved</p>
            <small class="mt-0 mb-0 text-white-50">Made with <i class="bi bi-heart-fill text-danger mx-1"></i> by
            <a class="text-warning text-decoration-none" target="_blank" href="https://themeforest.net/user/askbootstrap/portfolio">AskBootstrap</a></small>
         </div>
      </section>
      <!-- Bootstrap core JS-->
      <script src="demo/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
   </body>