Framework7 Starter

HTML

<script src="https://unpkg.com/framework7@4.1.0/js/framework7.bundle.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/framework7@4.1.0/css/framework7.bundle.min.css">
<template>
  <div class="page" data-name="home">
    <!-- Slider container -->
    <div data-pagination='{"el": ".swiper-pagination"}' class="swiper-container demo-swiper">
      <!-- Slides wrapper -->
      <div class="swiper-wrapper">
        <!-- Slides -->
        <div class="swiper-slide">
          <div class="block">
            <div class="row resizable">
              <div class="col-100">
                <center>
                  <img class="onboarding-customer-destination-two" src="assets/user/customer-destination-two.png" alt="Customer Destination">
                </center>
              </div>
            </div>
          </div>
          <div class="block">
           <div class="row resizable">
            <div class="col-100">
              <h6 class="order-text josefin-sans-bold-font">ORDER</h6>
              <h6 class="order-desc josefin-sans-light-font">Order for our service from your location with no stress</h6>
            </div>
          </div>
        </div>
        <div class="block">
          <div class="row resizable">
            <div class="col-100">
              <center>
                <a id="ob-one" href="#" class="getting-started-button josefin-sans-bold-font" @click="obOne">
                  Get Started <i class="oba-icon f7-icons size-18">arrow_right</i>
                </a>
              </center>
              <!--  -->
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide">
        <div class="block">
          <div class="row resizable">
            <div class="col-100">
              <center>
                <img class="onboarding-customer-destination-two" src="assets/user/bike-two.png" alt="Dispatch Rider">
              </center>
            </div>
          </div>
        </div>
        <div...

JavaScript

var app = new Framework7({
  root: '#app',
  theme: 'auto',
  routes: [{
    path: '/home/',
    componentUrl: './pages/home.html',
  }]
});

var viewMain = app.views.create('.view-main');