first commit

assets/frontend/css/style.css

@@ -0,0 +1,84 @@
+.select2-container {
+  width: 100% !important;
+}
+
+#logo{
+  width: 180px;
+}
+.card-horizontal {
+  display: flex;
+  flex: 1 1 auto;
+}
+#about_image{
+    background: url("../img/woman-3083377_1920.jpg");
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center;
+}
+.back_img{
+  background: 
+    /* top, transparent red, faked with gradient */ 
+    linear-gradient(
+      rgba(0, 0, 0, 0.45), 
+      rgba(0, 0, 0, 0.45)
+    ),
+    /* bottom, image */
+    url(../img/banner_book.jpg);
+    /* background-image: url(../img/banner_book.jpg); */
+    background-attachment:local;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.hel{
+  background-image: url(../img/meeting-1245776_1920.jpg);
+  background-attachment:local;
+  background-size: cover;
+  background-repeat: no-repeat;
+  height: auto;
+  width: 100%;
+}
+.oel{
+  background-image: url(../img/office-1081807_1920.jpg);
+ background-attachment:local;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+.bel{
+  background-image: url(../img/woman-3083377_1920.jpg);
+ background-attachment:local;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+
+.text_div{
+  min-height: 170px;
+  max-height: 170px;
+}
+
+@media screen and (max-width: 1202px) {
+  .text_div{
+    min-height: 256px;
+    max-height: 256px;
+  }
+}
+@media screen and (max-width: 990px) {
+  .text_div{
+    min-height: 170px;
+    max-height: 170px;
+  }
+  .order-first img{
+    /* width: 106%;
+    margin-left: -15px; */
+  }
+}
+@media screen and (max-width: 767px) {
+  .card-group .row .col-12 img {
+      width: 100%;
+      margin: 0; }
+  .card-group .row .col-12 {
+      padding: 0 !important; }
+      .card-group .row .card.col-12 {
+        padding: 0 20px !important;
+    }
+  }

assets/frontend/js/app.js

@@ -0,0 +1,34 @@
+// searc bar autocomplete
+var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
+// $( "#autocomplete" ).autocomplete({
+//   source: function( request, response ) {
+//           var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
+//           response( $.grep( tags, function( item ){
+//               return matcher.test( item );
+//           }) );
+//       }
+// });
+
+// login_register_toggle
+// $(document).on('click', '#register_btn', function(){
+// $('#loginModal').modal('toggle');
+// $('#registerModal').modal('show');
+
+// return false;
+// })
+
+// // login_purchase_toggle
+// $(document).on('click', '#loginButton', function(){
+//     $('#loginModal').modal('toggle');
+//     $('#purchaseModal').modal('show');
+    
+//     return false;
+//     })
+
+//     // purchase_download_toggle
+// $(document).on('click', '#purchaseButton', function(){
+//     $('#purchaseModal').modal('toggle');
+//     $('#downloadModal').modal('show');
+    
+//     return false;
+//     })