mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/shipping-portal.git
synced 2026-08-19 04:24:12 +00:00
large commit
This commit is contained in:
omair saleh
@@ -297,6 +297,7 @@ hr{
|
||||
.bg-info-primary-gradient {
|
||||
background: linear-gradient($color-info, $color-primary);
|
||||
}
|
||||
|
||||
/* Primary
|
||||
------------------------------------
|
||||
*/
|
||||
|
||||
+2
-2
@@ -31,11 +31,11 @@
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="row m-l-0 m-r-0 m-b-10 align-items-center hint-text">
|
||||
<div class="col-auto b-b b-white p-t-5 p-l-30 hint-text"></div>
|
||||
<div class="col-auto b-b b-white p-t-5 p-l-30 hint-text d-none d-md-inline"></div>
|
||||
<div class="auto m-r-10 m-l-10">
|
||||
<small class="fs-10 small all-caps">Or Select a different warehouse & delivery address</small>
|
||||
</div>
|
||||
<div class="col-auto b-b b-white p-t-5 p-l-30 hint-text"></div>
|
||||
<div class="col-auto b-b b-white p-t-5 p-l-30 hint-text d-none d-md-inline"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
||||
@@ -91,7 +91,7 @@
|
||||
</div>
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-10 text-center">
|
||||
<button type="button" class="btn btn-lg fs-12 btn-outline-complete b-rad-none m-r-15">Ask us a Question</button>
|
||||
<button type="button" class="btn btn-lg fs-12 btn-outline-complete b-rad-none m-r-15 requestModal" data-type="contactUs">Ask us a Question</button>
|
||||
<button type="button" class="btn btn-lg fs-12 btn-primary b-rad-none" @click="$store.dispatch('toggleSection', {name: 'createOrderForm', status: true})">Lets create a new order <i class="fa fa-angle-right m-l-10"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12 col-md">
|
||||
<div class="col-sm-12 col-md mt-3 mt-md-0">
|
||||
<div class="btn btn-sm btn-primary bg-primary-darker no-padding btn-rounded fs-12 no-border">
|
||||
<div class="row align-items-center no-margin" @click="createOrder()">
|
||||
<div class="col-auto" v-show="$store.getters.isLoading('quickOrderSection')" style="width: 172px; height: 20px;">
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="col no-padding">
|
||||
<div class="content no-padding overflow-hidden h-100">
|
||||
<div class="container-fluid no-padding h-100">
|
||||
<div class="row h-100 no-margin">
|
||||
<div class="row h-100 no-margin parentContainer">
|
||||
<div class="col-8 bg-master-lightest d-md-none position-fixed h-100" v-if="$store.getters.isShowing('sideMenu')" style="z-index: 9999" >
|
||||
@include('partials.menu')
|
||||
</div>
|
||||
@@ -23,6 +23,76 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal modalContainer fade fill-in" data-type="contactUs">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="row text-center ">
|
||||
<div class="col">
|
||||
<div class="row">
|
||||
<div class="col bg-info">
|
||||
<div class="row m-t-10">
|
||||
<div class="col"></div>
|
||||
<div class="col-auto">
|
||||
<i class="fa fa-times pointer fs-16 text-white" data-dismiss="modal"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col p-l-25 p-r-25 p-b-25 p-t-0">
|
||||
<h3 class="m-t-0 text-center bold text-white">Contact Us</h3>
|
||||
<h6 class="text-white text-center no-margin fs-14">Want to get in touch? We'd love to hear from you. Here's how you can reach us...</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row d-none d-md-flex">
|
||||
<div class="col bg-info">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-11">
|
||||
<div class="row">
|
||||
<div class="col bg-white p-t-25 p-l-25 p-r-25 p-b-10 m-r-15" style="border-radius: 10px 10px 0 0;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
||||
width="50" height="50"
|
||||
viewBox="0 0 172 172"
|
||||
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#000000"><path d="M152.865,123.63844l-8.16463,22.47556c-2.03444,5.59806 -8.21031,8.44413 -13.81106,6.42044c-14.06906,-5.08206 -40.57588,-17.3505 -67.32456,-44.09919c-26.74869,-26.74869 -39.01981,-53.25281 -44.10188,-67.32188c-2.02369,-5.60075 0.82238,-11.77931 6.42044,-13.81106l22.47556,-8.16463c2.22525,-0.80894 4.71388,-0.06719 6.13556,1.8275l19.21025,25.61187c1.51037,2.01563 1.42169,4.81062 -0.21769,6.72144l-13.31925,15.53912c0,0 5.56581,11.3735 18.59481,24.4025c13.029,13.029 24.4025,18.59481 24.4025,18.59481l15.53912,-13.31925c1.9135,-1.63938 4.7085,-1.73075 6.72144,-0.21769l25.61188,19.21025c1.892,1.41631 2.63375,3.90763 1.8275,6.13019z"></path></g></g></svg>
|
||||
</div>
|
||||
<div class="col bg-white p-t-25 p-l-25 p-r-25 p-b-10" style="border-radius: 10px 10px 0 0;">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
|
||||
width="50" height="50"
|
||||
viewBox="0 0 172 172"
|
||||
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#000000"><path d="M86,6.88c-43.68531,0 -79.12,33.02938 -79.12,73.96c0,21.67469 9.97063,41.96531 27.52,56.07469v30.27469l29.58938,-15.48c7.21594,2.05594 14.44531,2.74125 22.01062,2.74125c43.68531,0 79.12,-33.01594 79.12,-73.96c0,-40.58125 -35.43469,-73.61063 -79.12,-73.61063zM93.91469,105.26938l-19.95469,-21.33875l-37.15469,20.98937l41.28,-43.68531l20.30406,20.29063l36.12,-20.29063z"></path></g></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col bg-white">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-11">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md p-l-25 p-r-25 p-b-25 m-r-15" style="border-radius: 10px 10px 0 0;">
|
||||
<h4 class="text-center">Talk To us</h4>
|
||||
<p>Just pick up the phone to chat with us.</p>
|
||||
<h6 class="text-center text-primary bold">+60 18 290 9252</h6>
|
||||
</div>
|
||||
<div class="col-12 col-md p-l-25 p-r-25 p-b-25" style="border-radius: 10px 10px 0 0;">
|
||||
<h4 class="text-center">Contact Customer Service</h4>
|
||||
<p>Just click the Messenger button at the bottom right corner to chat with us.</p>
|
||||
<h6 class="text-center">Don't worry, we are here for you.</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="row">
|
||||
<div class="row" >
|
||||
<div class="col">
|
||||
<div class="row justify-content-center pt-2 pt-md-0">
|
||||
<div class="col p-t-10 p-b-10 p-l-25 p-r-25">
|
||||
@@ -104,7 +104,7 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="btn btn-sm btn-block bg-white text-info b-rad-sm pointer">Contact Us</div>
|
||||
<div class="btn btn-sm btn-block bg-white text-info b-rad-sm pointer requestModal" data-type="contactUs" >Contact Us</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -113,83 +113,3 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar hide" style="background-color: #f6f6f6">
|
||||
<div class="py-sm-3">
|
||||
<a href="#">
|
||||
<img class="" src="https://www.izyim.com/images/logo.png" alt="" height="24">
|
||||
</a>
|
||||
</div>
|
||||
<div class="sidebar-sticky pt-3 pb-4">
|
||||
<div class="d-flex flex-column justify-content-between" style="height: 100%">
|
||||
<div>
|
||||
<div class="py-sm-3">
|
||||
<span class="fs-14 all-caps">Main Menu</span>
|
||||
</div>
|
||||
<ul class="nav flex-column justify-content-between" style="height: 250px">
|
||||
<li class="nav-item">
|
||||
<a class="text-menu font-weight-normal" href="#">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-house-door" viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z" />
|
||||
</svg>
|
||||
Dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="text-menu font-weight-normal" href="#">
|
||||
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="text-menu font-weight-normal" href="#">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-file-earmark-text" viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z" />
|
||||
<path
|
||||
d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z" />
|
||||
</svg>
|
||||
My Orders
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="text-menu font-weight-normal" href="#">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-box" viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z" />
|
||||
</svg>
|
||||
My Packages
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="text-menu font-weight-normal" href="#">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-truck" viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" />
|
||||
</svg>
|
||||
Tracking
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container d-flex flex-column justify-content-between py-3 col-sx-12 rounded board">
|
||||
<div class="inline v-align-middle">
|
||||
<div class="text-white bold">Got Problems?</div>
|
||||
<span class="text-white text-small normal">If you have any problems regarding your order, contact us
|
||||
now.</span>
|
||||
</div>
|
||||
<div class="absolute hint-text dotted-grid"
|
||||
style="width: 83px; height: 74px; margin-top: 80px; margin-left: 85px;"></div>
|
||||
<div class="row m-t-15">
|
||||
<div class="col text-center">
|
||||
<div class="col btn btn-sm p-l-30 p-r-30 btn-white text-primary normal v-align-middle b-rad-1">
|
||||
Contact Us</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user