diff --git a/src/main/resources/static/css/index.css b/src/main/resources/static/css/index.css
index 79b008c550bff37ac8c7db2abae76b27120068cc..debb6d5093a78a712339848412fe77c5f4ad9378 100644
--- a/src/main/resources/static/css/index.css
+++ b/src/main/resources/static/css/index.css
@@ -1 +1 @@
-.index-gradient{background:linear-gradient(to bottom, #283048 0%, #859398 100%)}.projects-section{padding:10rem 0}.projects-section .featured-text{padding:2rem}@media(min-width: 992px){.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #64a19d}}.projects-section .project-text{padding:3rem;font-size:90%}@media(min-width: 992px){.projects-section .project-text{padding:5rem}.projects-section .project-text hr{border-color:#64a19d;border-width:.25rem;width:30%}}.masthead{object-fit:cover !important;text-align:center !important;background-repeat:no-repeat !important;background-attachment:fixed !important;background-position:center !important}.masthead .white{color:#fff}.hide-y{overflow-y:hidden}.landing-info-row{height:100px}.landing-info-row .landing-info-image{height:100px;object-fit:cover;width:100%;text-align:center;background-repeat:no-repeat;background-attachment:fixed;background-position:center}.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.masthead h1{font-family:"Varela Round";font-size:2.5rem;line-height:2.5rem;letter-spacing:.8rem;background:-webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.masthead h2{max-width:20rem;font-size:1rem}@media(min-width: 768px){.masthead h1{font-size:4rem;line-height:4rem}}@media(min-width: 992px){.masthead{height:100vh;padding:0}.masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}.masthead h2{max-width:30rem;font-size:1.25rem}}.contact-section{padding:5rem 0 0}.contact-section .card{border:0;border-bottom:.25rem solid #64a19d}.contact-section .card h4{font-size:.8rem;font-family:"Varela Round";text-transform:uppercase;letter-spacing:.15rem}.contact-section .card hr{border-color:#64a19d;border-width:.25rem;width:3rem}.contact-section .social{margin-top:5rem}.contact-section .social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);border-radius:100%;line-height:3rem;color:rgba(255,255,255,.3)}.contact-section .social a:hover{color:rgba(255,255,255,.5)}.contact-section .social a:active{color:#fff}.btn{box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1) !important;padding:1.25rem 2rem;font-family:"Varela Round";font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}.btn-primary{background-color:#64a19d}.btn-primary:hover{background-color:#4f837f}.btn-primary:focus{background-color:#4f837f;color:#fff}.btn-primary:active{background-color:#467370 !important}.about-section{padding-top:10rem}.about-section p{margin-bottom:5rem}/*# sourceMappingURL=index.css.map */
+.index-gradient{background:linear-gradient(to bottom, #283048 0%, #859398 100%)}.projects-section{padding:10rem 0}.projects-section .featured-text{padding:2rem}@media(min-width: 992px){.projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #64a19d}}.projects-section .project-text{padding:3rem;font-size:90%}@media(min-width: 992px){.projects-section .project-text{padding:5rem}.projects-section .project-text hr{border-color:#64a19d;border-width:.25rem;width:30%}}.masthead{object-fit:cover !important;text-align:center !important;background-repeat:no-repeat !important;background-attachment:fixed !important;background-position:center !important}.masthead .white{color:#fff}.hide-y{overflow-y:hidden}.landing-info-row{height:100px}.landing-info-row .landing-info-image{height:100px;object-fit:cover;width:100%;text-align:center;background-repeat:no-repeat;background-attachment:fixed;background-position:center}.masthead{position:relative;width:100%;height:auto;min-height:35rem;padding:15rem 0;background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}.masthead h1{font-family:"Varela Round";font-size:2.5rem;line-height:2.5rem;letter-spacing:.8rem;background:-webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.masthead h2{max-width:20rem;font-size:1rem}@media(min-width: 768px){.masthead h1{font-size:4rem;line-height:4rem}}@media(min-width: 992px){.masthead{height:100vh;padding:0}.masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}.masthead h2{max-width:30rem;font-size:1.25rem}}.contact-section{padding:5rem 0 0}.contact-section .card{border:0;border-bottom:.25rem solid #64a19d}.contact-section .card h4{font-size:.8rem;font-family:"Varela Round";text-transform:uppercase;letter-spacing:.15rem}.contact-section .card hr{border-color:#64a19d;border-width:.25rem;width:3rem}.contact-section .social{margin-top:5rem}.contact-section .social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);border-radius:100%;line-height:3rem;color:rgba(255,255,255,.3)}.contact-section .social a:hover{color:rgba(255,255,255,.5)}.contact-section .social a:active{color:#fff}.btn{box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1) !important;padding:1.25rem 2rem;font-family:"Varela Round";font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}.btn-interact{background-color:#64a19d}.btn-interact:hover{background-color:#4f837f}.btn-interact:focus{background-color:#4f837f;color:#fff}.btn-interact:active{background-color:#467370 !important}.about-section{padding-top:10rem}.about-section p{margin-bottom:5rem}/*# sourceMappingURL=index.css.map */
diff --git a/src/main/resources/static/css/index.css.map b/src/main/resources/static/css/index.css.map
index 9ac3852f1b4d1977e141e9a81bcddcabe1af39ee..ac5ec28cec5c7830247919fbb40389de5b05cde7 100644
--- a/src/main/resources/static/css/index.css.map
+++ b/src/main/resources/static/css/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/index.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA,gBACE,gEAGF,kBACE,gBAEA,iCACE,aACA,yBAFF,iCAGI,mBACA,iCAIJ,gCACE,aACA,cACA,yBAHF,gCAII,aACA,mCACE,aCXE,QDYF,oBACA,WAOR,UACE,4BACA,6BACA,uCACA,uCACA,sCAEA,iBACE,WAKJ,QACE,kBAGF,kBACE,aAEA,sCACE,aACA,iBACA,WACA,kBACA,4BACA,4BACA,2BAIJ,UACE,kBACA,WACA,YACA,iBACA,gBACA,2BACA,4BACA,6BACA,sBAEA,aACE,2BACA,iBACA,mBACA,qBACA,qFACA,oCACA,6BAGF,aACE,gBACA,eAGF,yBACE,aACE,eACA,kBAGJ,yBAhCF,UAiCI,aACA,UACA,aACE,iBACA,mBACA,qBAEF,aACE,gBACA,mBAKN,iBACE,iBAEA,uBACE,SACA,mCAEA,0BACE,gBACA,2BACA,yBACA,sBAGF,0BACE,aCjHI,QDkHJ,oBACA,WAIJ,yBACE,gBAEA,2BACE,kBACA,YACA,WACA,gCACA,mBACA,iBACA,2BAEA,iCACE,2BAGF,kCACE,MCpJA,KD0JR,KACE,2DACA,qBACA,2BACA,cACA,yBACA,sBACA,SAGF,aACE,iBCzJQ,QD2JR,mBACE,yBAGF,mBACE,yBACA,WAGF,oBACE,oCAIJ,eACE,kBAEA,iBACE","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/index.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA,gBACE,gEAGF,kBACE,gBAEA,iCACE,aACA,yBAFF,iCAGI,mBACA,iCAIJ,gCACE,aACA,cACA,yBAHF,gCAII,aACA,mCACE,aCXE,QDYF,oBACA,WAOR,UACE,4BACA,6BACA,uCACA,uCACA,sCAEA,iBACE,WAKJ,QACE,kBAGF,kBACE,aAEA,sCACE,aACA,iBACA,WACA,kBACA,4BACA,4BACA,2BAIJ,UACE,kBACA,WACA,YACA,iBACA,gBACA,2BACA,4BACA,6BACA,sBAEA,aACE,2BACA,iBACA,mBACA,qBACA,qFACA,oCACA,6BAGF,aACE,gBACA,eAGF,yBACE,aACE,eACA,kBAGJ,yBAhCF,UAiCI,aACA,UACA,aACE,iBACA,mBACA,qBAEF,aACE,gBACA,mBAKN,iBACE,iBAEA,uBACE,SACA,mCAEA,0BACE,gBACA,2BACA,yBACA,sBAGF,0BACE,aCjHI,QDkHJ,oBACA,WAIJ,yBACE,gBAEA,2BACE,kBACA,YACA,WACA,gCACA,mBACA,iBACA,2BAEA,iCACE,2BAGF,kCACE,MCpJA,KD0JR,KACE,2DACA,qBACA,2BACA,cACA,yBACA,sBACA,SAGF,cACE,iBCzJQ,QD2JR,oBACE,yBAGF,oBACE,yBACA,WAGF,qBACE,oCAIJ,eACE,kBAEA,iBACE","file":"index.css"}
\ No newline at end of file
diff --git a/src/main/resources/static/scss/index.scss b/src/main/resources/static/scss/index.scss
index df6e51780e4d1801df654d68371a509334e2e200..9cd61da7fde0cfeb33ccd958c7eafeecebf4dd4a 100644
--- a/src/main/resources/static/scss/index.scss
+++ b/src/main/resources/static/scss/index.scss
@@ -162,7 +162,7 @@
border: 0;
}
-.btn-primary {
+.btn-interact {
background-color: $primary;
&:hover {
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 119d32b32265537faec8f5577c97b2e52edad740..81d4dfdba74410001268d4b148a786847b4ae90a 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -14,9 +14,8 @@
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase white">Cinemas</h1>
- <h2 class="text-white-50 mx-auto mt-2 mb-5 white">The best tool to provide you good interface to manage
- cinemas in your city.</h2>
- <a href="#about" class="btn btn-primary js-scroll-trigger white">Get Started</a>
+ <!--<h2 class="text-secondary mx-auto mt-2 mb-5 text-uppercase white">The best tool to manage your cinema network</h2>-->
+ <a href="#about" class="btn btn-interact js-scroll-trigger white">Get Started</a>
</div>
</div>
</header>
@@ -27,13 +26,12 @@
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
- <h2 class="text-white mb-4">Built for Cinema lovers from Cinema lovers</h2>
- <p class="text-white-50">Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be
- yours
- right now, simply download the template on
- <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The
- theme is
- open source, and you can use it for any purpose, personal or commercial.</p>
+ <h2 class="text-white mb-4">Built for cinema business. Built with passion for movies.</h2>
+ <p class="text-white-50">
+ We are glad to provide you the best possible instrument to manage your cinema network.
+ Use it to control your cinemas, track tickets to movies, and gather precious data for your business.
+ System is established to be user-friendly and easy to get on.
+ </p>
</div>
</div>
</div>
@@ -44,16 +42,18 @@
<div class="container">
<!-- Featured Project Row -->
- <div class="row align-items-center no-gutters mb-4 mb-lg-5 landing-info-row">
- <div class="col-xl-8 col-lg-7">
+ <div class="row justify-content-center no-gutters mb-5 mb-lg-0">
+ <div class="col-lg-6">
<img class="img-fluid mb-3 mb-lg-0 landing-info-image pr-3"
src="/images/landing_tickets.jpg" alt="">
</div>
- <div class="col-xl-4 col-lg-5">
- <div class="featured-text text-center text-lg-left">
+ <div class="col-lg-6">
+ <div class="project-text w-100 my-auto text-center text-lg-left">
<h4 class="text-white">Tickets management</h4>
- <p class="text-white-50 mb-0">Manage your tickets with our self-hosted solution and make your
- business profitable.</p>
+ <p class="text-white-50 mb-0">
+ Manage tickets that your customers buy. Get all the information about movies and cinemas,
+ track popular titles, do whatever you may possibly imagine.
+ </p>
</div>
</div>
</div>
@@ -64,12 +64,15 @@
<img class="img-fluid landing-info-image pr-3"
src="/images/landing_cinemas.jpg" alt="">
</div>
- <div class="col-lg-6">
+ <div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
- <div class="project-text w-100 my-auto text-center text-lg-left">
+ <div class="project-text w-100 my-auto text-center text-lg-right">
<h4 class="text-white">Cinemas management</h4>
- <p class="mb-0 text-white-50">Manage your remotely</p>
+ <p class="mb-0 text-white-50">
+ Manage your network. See all the theaters that you own in various places, control
+ business processes, divide and conquer.
+ </p>
</div>
</div>
</div>
@@ -82,14 +85,15 @@
<img class="pl-3 img-fluid landing-info-image"
src="/images/landing_users.jpg" alt="">
</div>
- <div class="col-lg-6 order-lg-first">
+ <div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
- <div class="project-text w-100 my-auto text-center text-lg-right">
+ <div class="project-text w-100 my-auto text-center text-lg-left">
<h4 class="text-white">User management</h4>
- <p class="mb-0 text-white-50">Another example of a project usage its user management.
- Our
- tool provides you the best interface to add and delete and edit your customers.</p>
+ <p class="mb-0 text-white-50">
+ Build up your customers database. Track popularity of certain titles and places basing
+ on precious personal data of innocent people, and enjoy the world we live in.
+ </p>
<hr class="d-none d-lg-block mb-0 mr-0">
</div>
</div>