API tools faq
paste
Advertisement
shadiff

home.js bootstrap

shadiff
Apr 14th, 2023
30
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.26 KB | None | 0 0
raw download clone embed print report
  1. {% load static %}
  2. <!Doctype html>
  3. <html lang="zxx">
  4. <!-- Mirrored from ah-theme.com/appyland/demo/index-style3.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 28 Nov 2018 06:01:01 GMT -->
  5. <head>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <title>PostIT | Home</title>
  9. <!-- Favicons -->
  10. <link rel="icon" href="{% static 'public/img/favicon-32x32.png' %}" sizes="16x16" type="image/png">
  11.  
  12. <!-- CSS Implementing Plugins -->
  13. <link rel="stylesheet" href="{% static 'public/css/inc/plugins.css' %}">
  14. <!-- CSS Global Compulsory -->
  15. <link rel="stylesheet" href="{% static 'public/css/style.css' %}">
  16. <style type="text/css">
  17. <!--
  18. .style1 {
  19. color: #3a3737a2
  20. }
  21. -->
  22. </style>
  23. <style>
  24. * {
  25. font-family: "Roboto", sans-serif;
  26. }
  27. </style>
  28. </head>
  29.  
  30. <body>
  31. <!--============ Start Header ============-->
  32. <header class="main_header fixed-top w-100">
  33. <div class="container">
  34. <nav class="navbar navbar-expand-lg">
  35. <!--============ brabd ============-->
  36. <a class="navbar-brand" href="index.html"><img src="{% static 'customers/img/postItLogo.jpg' %}" alt="pic" style="max-height: 55px;"></a>
  37. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu"
  38. aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
  39. <i class="fas fa-bars"></i>
  40. </button>
  41. <div class="collapse navbar-collapse" id="main-menu">
  42. <!--============ benu links ============-->
  43. <ul class="navbar-nav ml-auto">
  44. <li class="nav-item text-uppercase active">
  45. <a class="nav-link">Pick and Drop</a>
  46. </li>
  47. <li class="nav-item text-uppercase">
  48. <a class="nav-link">Box</a>
  49. </li>
  50. <li class="nav-item text-uppercase">
  51. <a class="nav-link">Passport</a>
  52. </li>
  53. <li class="nav-item text-uppercase">
  54. <a class="nav-link" href="">QMS</a>
  55. </li>
  56. <li class="nav-item dropdown">
  57. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  58. Postal Items
  59. </a>
  60. <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  61. <li><a class="dropdown-item" href="Registeredmail.html">Registered Mail</a></li>
  62. <li><a class="dropdown-item" href="Parcels.html">Parcels</a></li>
  63. <li><a class="dropdown-item" href="SmallPackets.html">Small Packets</a></li>
  64. </ul>
  65. </li>
  66.  
  67. <li class="nav-item text-uppercase">
  68. <a class="nav-link" href="#faq_section">FAQ</a>
  69. </li>
  70. </ul>
  71. </div>
  72. </nav>
  73. </div>
  74. <!--============ Start loader ============-->
  75. <div class="loader">
  76. <img src="{% static 'public/img/logo.png' %}" alt="pic" style="max-height: 55px;">
  77. </div>
  78. </header>
  79. <!--============ end Header ============-->
  80. <!--============ Start Main ============-->
  81. <main class="start_site" id="home">
  82. <!--============ Start top section ============-->
  83. <section id="hero_section" class="third_style">
  84. <div class="container">
  85. <div class="row align-items-center">
  86. <div class="col-sm-12 col-md-12 col-lg-6">
  87. <div class="top_content">
  88. <h1 class="text-capitalize text_blue wow fadeInDown font-weight-bold">PostIT <br>Get Door To Door
  89. Delivery</h1>
  90. <p class="top_sec_desc text-capitalize wow fadeInDown" style="font-family: sans-serif!important; font-size: 20px;">Need door to door delivery services within Nairobi
  91. County? Then, PostIT is here, for delivering both Posta Items and any personal item from the
  92. comfort of your couch </p>
  93. <!-- <p class="top_sec_desc text-capitalize wow fadeInDown">To Download the app visit the link below</p> -->
  94.  
  95. <div class="d-flex justify- align-content-center flex-wrap wow fadeInUp">
  96. <a href="https://play.google.com/store/apps/details?id=ke.co.posta.postit" target="_blank"
  97. class="app-btn btn_blue d-inline-flex align-items-center">
  98. <i class="app_icon fab fa-google-play"></i>
  99. <p>Available on <br> GOOGLE PLAY</p>
  100. </a>
  101.  
  102. <a href="/customer" target="_blank"
  103. class="app-btn btn_blue d-inline-flex align-items-center">
  104. <i class="app_icon fa fa-motorcycle"></i>
  105. <p>SERVICES</p>
  106. </a>
  107. </div>
  108. <!-- <div class="watch_video">
  109. <a id="video_icon" class="font-weight-bold" href="#"><i class="video_icon fas fa-play"></i> Watch Video</a>
  110.  
  111. <div class="video_popup justify-content-center align-items-center align-content-center">
  112. <div class="video_src">
  113. <div class="iframe_src">
  114. <iframe width="560" height="315" src="#" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. -->
  120. </div>
  121. </div>
  122. <div class="col-sm-12 col-md-12 col-lg-6">
  123. <div class="top_mob text-center">
  124. <div class="circle"></div>
  125. <img class="wow fadeInUp" src="{% static 'public/img/top-mob.png' %}" alt="pic">
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </section>
  131. <!--============ Start description section ============-->
  132. <section class="text-center" id="features_section">
  133. <section id="description_section">
  134. <div class="container">
  135. <div class="row desc_row align-items-center">
  136. <div class="col-sm-12 col-md-6">
  137. <div class="desc_mob text-center">
  138. <img class="mw-100 rounded-circle" src="{% static 'public/img/bg.jpg' %}" alt="pic" width="450" height="450">
  139. </div>
  140. </div>
  141.  
  142.  
  143. <div class="col-sm-12 col-md-6">
  144. <div class="desc_content">
  145. <h2 align="justify" class="text-capitalize">PostIT Features</h2>
  146. <div align="justify">
  147. <ul class="features_list">
  148. <li>
  149. Home delivery for personal items from one region to another within Nairobi. </li>
  150. <li>
  151. Home delivery for items in a Post Office within Nairobi</li>
  152. </ul>
  153. </div>
  154. <ul class="features_list">
  155. </ul>
  156. </div>
  157. </div>
  158.  
  159. </div>
  160. </div>
  161. </section>
  162.  
  163.  
  164.  
  165. <!--============ Start clients section ============-->
  166.  
  167.  
  168. <!--============ Start FAQ section ============-->
  169. <section id="faq_section" class="text-center">
  170. <div class="container">
  171. <h1 class="section_tit lightblue">FAQ's</h1>
  172. <br>
  173. <div class="row">
  174. <div class="col-sm-12 col-lg-6">
  175. <div class="quistions text-left">
  176. <div id="accordionOne" class="accordion">
  177. <!-- start quistion -->
  178. <div class="card">
  179. <div class="card-header active" id="headingOne">
  180. <h5 class="mb-0">
  181. <button class="btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
  182. aria-controls="collapseOne">
  183. What are the packages offered by Posta Lastmile? <i
  184. class="float-right faq_icon fas fa-angle-down"></i>
  185. </button>
  186. </h5>
  187. </div>
  188.  
  189. <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionOne">
  190. <div class="card-body">
  191. Packages offered include Platinum delivery which is same day delivery, Diamond delivery which is
  192. next day delivery and Gold delivery
  193. which is 2 - 3 day delivery.
  194. </div>
  195. </div>
  196. </div>
  197. <!-- start quistion -->
  198. <div class="card">
  199. <div class="card-header" id="headingTwo">
  200. <h5 class="mb-0">
  201. <button class="btn collapsed" data-toggle="collapse" data-target="#collapseTwo"
  202. aria-expanded="false" aria-controls="collapseTwo">
  203. Which geographical locations does your Lastmile delivery Currentlycover? <i
  204. class="float-right faq_icon fas fa-angle-down"></i>
  205. </button>
  206. </h5>
  207. </div>
  208. <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionOne">
  209. <div class="card-body">
  210. Posta Lastmile delivery is currently being done within Nairobi region a radius of 40 Km from
  211. Posta GPO.
  212. </div>
  213. </div>
  214. </div>
  215.  
  216. <!-- start quistion -->
  217. <div class="card">
  218. <div class="card-header" id="headingThree">
  219. <h5 class="mb-0">
  220. <button class="btn collapsed" data-toggle="collapse" data-target="#collapseThree"
  221. aria-expanded="false" aria-controls="collapseThree">
  222. What happens after I have made a booking?<i
  223. class="float-right faq_icon fas fa-angle-down"></i>
  224. </button>
  225. </h5>
  226. </div>
  227. <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionOne">
  228. <div class="card-body">
  229. After successfully making a payment for your order, you will receive an SMS with the delivery
  230. code and when a rider is assigned you will be notified
  231. with the assigned rider details. Delivery is done based on the delivery package chosen.
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238.  
  239. <div class="col-sm-12 col-lg-6">
  240. <div class="quistions text-left">
  241. <div id="accordionTow" class="accordion">
  242. <!-- start quistion -->
  243. <div class="card">
  244. <div class="card-header" id="headingFour">
  245. <h5 class="mb-0">
  246. <button class="btn collapsed" data-toggle="collapse" data-target="#collapseFour"
  247. aria-expanded="false" aria-controls="collapseFour">
  248. What identification documents are needed to collect a document/package/Parcel?<i
  249. class="float-right faq_icon fas fa-angle-down"></i>
  250. </button>
  251. </h5>
  252. </div>
  253. <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionTow">
  254. <div class="card-body">
  255. Delivery code which is sent on successfull payment is needed by the recipient of
  256. parcel/package/documents. For Passport and NTSA Documents delivery original National ID or
  257. Passport of the document owner will also be
  258. required to deliver a document.
  259. </div>
  260. </div>
  261. </div>
  262. <!-- start quistion -->
  263. <div class="card">
  264. <div class="card-header" id="headingfive">
  265. <h5 class="mb-0">
  266. <button class="btn" data-toggle="collapse" data-target="#collapseFive" aria-expanded="true"
  267. aria-controls="collapseFive">
  268. What payment platforms do you have that customers can use? <i
  269. class="float-right faq_icon fas fa-angle-down"></i>
  270. </button>
  271. </h5>
  272. </div>
  273.  
  274. <div id="collapseFive" class="collapse" aria-labelledby="headingfive" data-parent="#accordionTow">
  275. <div class="card-body">
  276. Currently, our customers will use M-Pesa for processing payments
  277. </div>
  278. </div>
  279. </div>
  280. <!-- start quistion -->
  281. <div class="card">
  282. <div class="card-header" id="headingSix">
  283. <h5 class="mb-0">
  284. <button class="btn collapsed" data-toggle="collapse" data-target="#collapseSix"
  285. aria-expanded="false" aria-controls="collapseSix">
  286. Incase of failed payments how do I go about it?<i
  287. class="float-right faq_icon fas fa-angle-down"></i>
  288. </button>
  289. </h5>
  290. </div>
  291. <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionTow">
  292. <div class="card-body">
  293. In case of failed payments you will contact our customer service with the payment and order
  294. details and reconciallation will be made immidiately.
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </section>
  304.  
  305. <!--============ Start contact us section ============-->
  306. <section id="contact_section">
  307. <div class="contact__us">
  308. <div class="container">
  309. <div class="row contact-us align-items-center">
  310. <div class="col-sm-12 col-md-6 col-lg-4">
  311. <div class="contact_info bg_grad text-left">
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. <p> <br> <br>
  318. <a href="https://posta.co.ke/contact" target="_blank">Postal Corporation of Kenya</a> | Powered by<span
  319. class="style1"> <a href="https://posta.co.ke/contact" target="_blank">Posta ICT Team</a>.</span>
  320. </p>
  321. </section>
  322. <div class="goto_top_button">
  323. <a class="goto_top" href="#"><i class="fas fa-caret-up"></i></a>
  324. </div>
  325. </main>
  326.  
  327. <script src="{% static 'public/js/jQuery-plugins.js' %}"></script>
  328. <script src="{% static 'public/js/scripts.js' %}"></script>
  329. </body>
  330.  
  331. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!