Initial commit

assets/css/untitled.css

@@ -0,0 +1,130 @@
+.bg-primary {
+  background-color: #0a87f7!important;
+}
+
+hr.star-light:after {
+  color: #fff;
+  background-color: #0a87f7;
+}
+
+.bg-secondary {
+  background-color: #000000!important;
+}
+
+.text-secondary {
+  color: #000000!important;
+}
+
+hr.star-dark {
+  border-color: #000000;
+}
+
+hr.star-dark:after {
+  color: #000000;
+  background-color: #fff;
+}
+
+.btn-primary {
+  background-color: #18bc9c;
+  border-color: #18bc9c;
+  margin: 0 auto;
+  display: block;
+}
+
+avatar {
+  display: block;
+  border-radius: 200px;
+  box-sizing: border-box;
+  background-color: #FFFFFF;
+  border: 10px solid #FFFFFF;
+}
+
+.portfolio .portfolio-item .portfolio-item-caption {
+  transition: all .5s ease;
+  opacity: 0;
+  background-color: rgba(10,135,247,.7);
+}
+
+box-fill {
+  width: auto;
+  height: auto;
+}
+
+.mb-5, .my-5 {
+  margin-bottom: 3rem!important;
+  display: block;
+  /*box-sizing: border-box;*/
+  /*background-color: #DDDDDD;*/
+  border: 10px solid #FFFFFF;
+}
+
+.portfolio-thumbnail {
+  padding: 27px;
+  margin-bottom: 3rem!important;
+  display: block;
+  border-radius: 50px;
+  box-sizing: border-box;
+  width: 70;
+  border: 10px solid #FFFFFF;
+}
+
+.cpp-portfolio-turquoise {
+  padding: 27px;
+  background-color: #000000;
+  margin-bottom: 3rem!important;
+  display: block;
+  border-radius: 75px;
+  box-sizing: border-box;
+  border: 10px solid #FFFFFF;
+}
+
+.cpp-portfolio-tur {
+  padding: 27px;
+  background-color: #000000;
+  margin-bottom: 3rem!important;
+  display: block;
+  border-radius: 75px;
+  box-sizing: border-box;
+  border: 10px solid #FFFFFF;
+}
+
+.social-footer {
+  target: blank;
+}
+
+.btn:hover {
+  color: #84c2ff;
+  text-decoration: none;
+}
+
+.row.responsive {
+  word-break: break-all;
+}
+
+.html html.fit {
+  white-space: nowrap;
+  width: 1%;
+}
+
+a {
+  color: #0a87f7;
+}
+
+a:active, a:focus, a:hover {
+  color: #ffffff;
+}
+
+@media (min-width:992px) {
+  .col-lg-4 {
+    -ms-flex: 0 0 33.33333%;
+    flex: 0 0 33.33333%;
+    max-width: 20%;
+  }
+}
+
+.modal-center-image {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+

assets/js/freelancer.js

@@ -0,0 +1,63 @@
+(function($) {
+  "use strict"; // Start of use strict
+
+  // Smooth scrolling using jQuery easing
+  $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
+    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
+      var target = $(this.hash);
+      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+      if (target.length) {
+        $('html, body').animate({
+          scrollTop: (target.offset().top - 70)
+        }, 1000, "easeInOutExpo");
+        return false;
+      }
+    }
+  });
+
+  // Scroll to top button appear
+  $(document).scroll(function() {
+    var scrollDistance = $(this).scrollTop();
+    if (scrollDistance > 100) {
+      $('.scroll-to-top').fadeIn();
+    } else {
+      $('.scroll-to-top').fadeOut();
+    }
+  });
+
+  // Closes responsive menu when a scroll trigger link is clicked
+  $('.js-scroll-trigger').click(function() {
+    $('.navbar-collapse').collapse('hide');
+  });
+
+  // Activate scrollspy to add active class to navbar items on scroll
+  $('body').scrollspy({
+    target: '#mainNav',
+    offset: 80
+  });
+
+  // Collapse Navbar
+  var navbarCollapse = function() {
+    if ($("#mainNav").offset().top > 100) {
+      $("#mainNav").addClass("navbar-shrink");
+    } else {
+      $("#mainNav").removeClass("navbar-shrink");
+    }
+  };
+  // Collapse now if page is not at top
+  navbarCollapse();
+  // Collapse the navbar when page is scrolled
+  $(window).scroll(navbarCollapse);
+
+  // Floating label headings for the contact form
+  $(function() {
+    $("body").on("input propertychange", ".floating-label-form-group", function(e) {
+      $(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
+    }).on("focus", ".floating-label-form-group", function() {
+      $(this).addClass("floating-label-form-group-with-focus");
+    }).on("blur", ".floating-label-form-group", function() {
+      $(this).removeClass("floating-label-form-group-with-focus");
+    });
+  });
+
+})(jQuery); // End of use strict