|
@ -1,5 +1,5 @@ |
|
|
<!-- HERO --> |
|
|
<!-- HERO --> |
|
|
<div class="container shadow" style=" margin-left:calc(-42vw + 50%); width:84vw"> |
|
|
<div class="container shadow"> |
|
|
<div class="d-flex align-items-center justify-content-between" |
|
|
<div class="d-flex align-items-center justify-content-between" |
|
|
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;"> |
|
|
style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;"> |
|
|
<div> |
|
|
<div> |
|
@ -17,7 +17,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="row" |
|
|
<div class="row" |
|
|
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;"> |
|
|
style="padding: 4rem 2.5rem 0 !important;"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<h1 class="text-center text-uppercase" |
|
|
<h1 class="text-center text-uppercase" |
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;"> |
|
|
style="font-family: Montserrat, 'sans-serif' !important; font-size: 67px !important; color: #791d97; font-weight: 900 !important;"> |
|
@ -67,7 +67,7 @@ |
|
|
<!-- Start OF slide --> |
|
|
<!-- Start OF slide --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin:2rem 0"> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center px-0" style="margin:2rem 0"> |
|
|
<img src="assets/hero.gif" width="100%" height="auto" class="img-responsive"> |
|
|
<img src="assets/hero.gif" width="100%" height="auto" class="img-responsive"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -175,11 +175,11 @@ |
|
|
|
|
|
|
|
|
<!-- New section --> |
|
|
<!-- New section --> |
|
|
|
|
|
|
|
|
<div class="container shadow" style="margin-left:calc(-42vw + 50%); width:84vw"> |
|
|
<div class="container"> |
|
|
<div class="row" |
|
|
<div class="row" |
|
|
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;"> |
|
|
style="padding: 4rem 2.5rem 0 !important;"> |
|
|
|
|
|
|
|
|
<div class="col-md-12 shadow"> |
|
|
<div class="col-md-12"> |
|
|
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
|
|
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
|
|
style="border:none; background-color:unset; margin:0 auto"> |
|
|
style="border:none; background-color:unset; margin:0 auto"> |
|
|
<li class="nav-item" |
|
|
<li class="nav-item" |
|
@ -219,8 +219,8 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-12 tab-content ui-front shadow" |
|
|
<div class="col-md-12 tab-content px-5 ui-front shadow" |
|
|
style="border-top-right-radius:15px;border-bottom-right-radius:15px;background-color:#fffafa;height:auto;"> |
|
|
style="border-top-right-radius:15px;border-bottom-right-radius:15px;height:auto;"> |
|
|
<div class="tab-pane fade active show" id="screenshot-1" role="tabpanel" aria-labelledby="screenshot-1"> |
|
|
<div class="tab-pane fade active show" id="screenshot-1" role="tabpanel" aria-labelledby="screenshot-1"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -243,7 +243,7 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/1.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/1.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
@ -254,7 +254,7 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/18.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/18.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<p class=" mt8" style="font-family:Roboto ; color:#280135"> |
|
|
<p class=" mt8" style="font-family:Roboto ; color:#280135"> |
|
@ -262,7 +262,7 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/15.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/15.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
@ -271,7 +271,7 @@ |
|
|
</h3> |
|
|
</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/2.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/2.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
@ -281,7 +281,7 @@ |
|
|
</h3> |
|
|
</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/11.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/11.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
@ -291,7 +291,7 @@ |
|
|
</h3> |
|
|
</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/3.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/3.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
@ -303,11 +303,11 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/12.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/12.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/17.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/17.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
|
<div class="col-lg-12 d-flex flex-column align-items-center"> |
|
@ -317,7 +317,7 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/10.png" |
|
|
<img src="assets/screenshots/10.png" |
|
|
class="img img-responsive center-block"> |
|
|
class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
@ -330,7 +330,7 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/5.png" |
|
|
<img src="assets/screenshots/5.png" |
|
|
class="img img-responsive center-block"> |
|
|
class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
@ -343,11 +343,11 @@ |
|
|
</p> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/6.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/6.png" class="img img-responsive center-block"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
|
|
style="margin:2rem 0 ; border-top: 5px solid #781d96 !important;"> |
|
|
style="margin:2rem 0 ;"> |
|
|
<img src="assets/screenshots/8.png" class="img img-responsive center-block"> |
|
|
<img src="assets/screenshots/8.png" class="img img-responsive center-block"> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|