Merge branch 'it17535090' into 'develop'

feat: UI changes

See merge request !11

BE-Aeasthatic-Quality-Check/colorcube-master/startPage.html

@@ -6,15 +6,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     <meta name="author" content="INSPIRO" />
     <meta name="description" content="Themeforest Template Polo" />
-    <link rel="icon" type="image/png" href="FE-InHome/images/favicon.png" />
+    <link rel="icon" type="image/png" href="/FE-InHome/images/favicon.png" />
   
   
-    <link href="FE-InHome/css/plugins.css" rel="stylesheet" />
-    <link href="FE-InHome/css/style.css" rel="stylesheet" />
+    <link href="/FE-InHome/css/plugins.css" rel="stylesheet" />
+    <link href="/FE-InHome/css/style.css" rel="stylesheet" />
    
   <meta charset="UTF-8">
   <title>PRESENTLY </title>
-  <link rel="stylesheet" href="FE-InHome/css/style.css" type="text/css">
+  <link rel="stylesheet" href="/FE-InHome/css/style.css" type="text/css">
   
   <!-- <meta name="twitter:card" content="summary">
   <meta name="twitter:site" content="@oomphinc">
@@ -37,7 +37,7 @@
     <div class="header-inner">
       <div class="container">
         <div id="logo">
-            <img src="FE-InHome/images/logo.png" class="img-fluid" style="width: 300px;">
+            <img src="/FE-InHome/images/logo.png" class="img-fluid" style="width: 300px;">
         </div>
 
         <div id="search">
@@ -107,36 +107,87 @@
       <h3 class="cc__brand__title mb-5" >
       <!-- <a href="." title="Press to reload page and start over with default values"> -->
         <!-- <img class="cc__brand__logo" src="assets/img/presently.jpeg" alt="" width="390"> -->
-        Slide Quality Checker
+            Slide Quality Checker
       <!-- </a> -->
       </h3>
       <!-- <p class="cc__brand__subtitle text-italic text-light">Color Accessibility Checker built by <a title="Go to Oomph website, link opens in a new window." target="_blank" href="//oomphinc.com">Oomph</a></p> -->
     </div>
 </div>
+<div id="slider" class="inspiro-slider slider-fullscreen dots-creative" data-height-xs="360">
+  <div class="slide kenburns" data-bg-parallax="images/wallpaper.png">
+      <div class="bg-overlay"></div>
+      <div class="container">
+          <div class="slide-captions text-light">
+              <span data-animate="fadeInUp" data-animate-delay="300" class="strong"><a href="#" class="business"><span class="business">Let's Do This</span></a>
+              </span>
+              <h1 data-animate="fadeInUp" data-animate-delay="600">
+                  A personal trainer app <br/>to self-train and improve presentation skills
+              </h1>
+              <div data-animate="fadeInUp" data-animate-delay="900">
+                  <button type="button" class="btn btn-rounded btn-reveal btn-reveal-left">
+                  <span>Learn More</span><i class="icon-chevron-right"></i>
+                  </button>
+              </div>
+
+              <div class="row" style="padding-top: 14%">
+                  <div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1200">
+                      <h4>Highly Customizable</h4>
+                      <p>
+                          Nulla varius consequat magna, id molestie ipsum volutpat
+                          quis. A true story, that never been told!.
+                      </p>
+                  </div>
+                  <div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1500">
+                      <h4>Clean Code</h4>
+                      <p>
+                          Nulla varius consequat magna, id molestie ipsum volutpat
+                          quis. A true story, that never been told!.
+                      </p>
+                  </div>
+                  <div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="1800">
+                      <h4>Heavily Awarded</h4>
+                      <p>
+                          Nulla varius consequat magna, id molestie ipsum volutpat
+                          quis. A true story, that never been told!.
+                      </p>
+                  </div>
+                  <div class="col-lg-3" data-animate="fadeInUp" data-animate-delay="2100">
+                      <h4>Fast Performance</h4>
+                      <p>
+                          Nulla varius consequat magna, id molestie ipsum volutpat
+                          quis. A true story, that never been told!.
+                      </p>
+                  </div>
+              </div>
+          </div>
+       </div>
+      </div>
+  </div>
+  
 <div class="cc__form__submit g--wide text-align-center">
    
 <div class="d-flex justify-content-center align-items-center">
     <div class="container col-3 d-flex justify-content-center align-items-center text-center">
     <a href="colorCube.html">
-    <img src = "/Users/chithuwedage/Downloads/color accuracy.webp" width="300" height="200" style="border-radius: 15px;">
+    <img src = "/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/lot-colored-squares.jpg" width="300" height="200" style="border-radius: 15px;">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button d-flex justify-content-center text-center" value="Color Accuracy" style="align-items:center">
     </a>
   </div>
 
   <div class="container col-3"> 
-    <img src = "/Users/chithuwedage/Downloads/CSC-Reviewer-Grammar.png" width="300" height="200">
+    <img src = "/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/Tiny woman showing grammar and punctuation errors.jpg" width="300" height="200">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Grammer Checker">
     </div>
 
     <div class="container col-3">
     <a href="contrastChecker.html">
-    <img src = "/Users/chithuwedage/Downloads/color-blind.jpeg" width="300" height="200">
+    <img src = "/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/Wavy_Tech-09_Single-01.jpg" width="300" height="200">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Visual Accessibility Checker">
     </a>
     </div>
 
     <div class="container col-3">
-    <img src = "/Users/chithuwedage/Downloads/images (2).jpeg" width="300" height="200">
+    <img src = "/Users/chithuwedage/Documents/Presently/21_22-j-02/BE-Aeasthatic-Quality-Check/images/4k.png" width="300" height="200">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Visibility Checker">
     </div>
 
@@ -144,6 +195,28 @@
     <!-- <img src = "/Users/chithuwedage/Downloads/object detector.png" width="200" height="100">
     <input id="brand-color-button" name="brand-color-button" type="submit" class="cc__form__button" value="Object preparation"> -->
 </div> 
+    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
+      <div class="carousel-inner">
+        <div class="carousel-item active">
+          <img class="d-block w-100" src="/FE-InHome/images/banner2.png" alt="First slide">
+        </div>
+        <div class="carousel-item">
+          <img class="d-block w-100" src="/FE-InHome/images/title-banner.png" alt="Second slide">
+        </div>
+        <div class="carousel-item">
+          <img class="d-block w-100" src="/FE-InHome/images/audio-bg.jpg" alt="Third slide">
+        </div>
+      </div>
+      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="sr-only">Previous</span>
+      </a>
+      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="sr-only">Next</span>
+      </a>
+    </div>
+
 <footer id="footer">
   <div class="footer-content">
       <div class="container">