Watch Out
The Modern Responsive Website!

Services

Web Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, harum sunt!

Web Development

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, harum sunt!

Mobile Apps

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, harum sunt!

SEO Optimization

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, harum sunt!

UX Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, harum sunt!

Support

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis, harum sunt!

About Vesco

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas molestiae quo rerum nisi porro ab libero officiis, officia sequi iusto saepe.

.

Our Work

'
Work
Work
Work
Work
Work
Work
Work
Work

Our Team

What Our Customers Say

testimonial

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ex perferendis, ratione tempora.

Daniel Watrous CEO & Founder-Google

testimonial

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ex perferendis, ratione tempora.

Johan Mathew CEO & Founder - Yahoo

testimonial

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ex perferendis, ratione tempora.

Sara Smith CEO & Founder - Amazon

Our Pricing

Basic

49$

  • 500 EMAILS

  • 5GB Disk Space

  • 5GB Bandwidth

  • Unlmited Domains

Purchase

Enterprise

89$

  • 200 EMAILS

  • 25GB Disk Space

  • 25GB Bandwidth

  • Unlmited Domains

Purchase

Standard

69$

  • 1500 EMAILS

  • 15GB Disk Space

  • 15GB Bandwidth

  • Unlmited Domains

Purchase

We Never Stop Improving

1590+

Downloads

3500+

Awards

1199+

Likes

2200+

Recomended

Clients

/*================================================== DEFAULT VALUES: Font Family : Roboto Condensed Greenish Blue : #34c6d3 (Buttons, Icons, Links, Lines & Backgrounds) Steel Gray :#41464b (Headings) Blue Bayoux :#64707b (Paragraphs) White :#fff (Text With Black Backgrounds) Black :#000 ===========================================*/ /* General CSS */ html, body { height: 100%; } body { font-family: "Roboto Condensed", sans-serif; } p { color: #64707b; font-size: 16px; font-weight: 300; } h3 { color: #41464b; text-transform: uppercase; } /================================================== HOME ==================================================/ #home { height: 100%; } #home-cover { height: 100%; background-image: url("../img/bg-home.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } #home-content-box { width: 100%; height: 100%; display: table; } #home-content-box-inner { display: table-cell; vertical-align: middle; /text-align: center;/ } #home-heading h3 { color: #fff; font-size: 55px; font-weight: 700; margin: 20px 0 20px 0; } /================================================== PARALLAX (Generic) ==================================================/ .bg-parallax { background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } /================================================== BUTTONS (Generic) ==================================================/ .btn-general { border-color: #fff; border-width: 2px; border-radius: 0; padding: 12px 26px 12px 26px; font-size: 16px; font-weight: 400; text-transform: uppercase; } .btn-white { border-color: #fff; color: #fff; } .btn-white:hover, .btn-white:focus { background-color: #fff; color: #41464b; } .btn-blue { border-color: #34c6d3; color: #34c6d3; } .btn-blue:hover, .btn-blue:focus { background-color: #34c6d3; color: #fff; } .btn-back-to-top { position: fixed; bottom: 20px; right: 20px; font-size: 22px; padding: 3px 15px; border-radius: 0; display: none; } /================================================== ANIMATE ==================================================/ #home-cover, #home-heading, #home-btn { -webkit-animation-duration: .5s; animation-duration: .5s; } #home-cover { -webkit-animation-delay: .1s; animation-delay: .1s; } #home-heading { -webkit-animation-delay: .5s; animation-delay: .5s; } #home-btn { -webkit-animation-delay: 1s; animation-delay: 1s; } /================================================== CONTENT (Generic) ==================================================/ .content-box { padding: 60px 0 60px 0; } .content-title h3 { font-size: 30px; font-weight: 700; text-align: center; margin: 0 0 30px 0; } .content-title-white h3 { color: #fff; } .content-title-underline { width: 30px; height: 3px; background-color: #34c6d3; margin: 0 auto 30px auto; } /================================================== SERVICES (Generic) ==================================================/ .service-item { padding: 20px 0 20px 0; margin-bottom: 20px; cursor: pointer; } .service-item-icon i { color: #34c6d3; float: left; padding: 15px; margin-right: 25px; width: 75px; height: 75px; text-align: center; } .service-item:hover .service-item-icon i { color: #fff; background-color: #34c6d3; } .service-item-title h3 { font-size: 20px; font-weight: 400; margin: 0 0 10px 0; } .service-item-desc p { margin: 0; padding-left: 85px; } /================================================== ABOUT ==================================================/ #about-bg-diagonal { width: 60%; height: 700px; float: right; background-image: url(../img/bg-about.jpg); border-left: 200px solid #fff; border-top: 700px solid transparent; } #about-content-box { float: left; height: 700px; } #about-content-box-outer { width: 100%; height: 100%; display: table; } #about-content-box-inner { display: table-cell; vertical-align: middle; } #about .content-title h3 { text-align: left; margin: 0 0 10px 0; } #about .content-title-underline { margin: 0 0 20px 0; } #about-desc p { margin-bottom: 30px; } /================================================== WORK ==================================================/ #work .content-title { margin-top: 90px } .row.no-gutters [class*=col-] { padding-left: 0; padding-right: 0; } .img-wrapper { overflow: hidden; } .img-wrapper img { -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; } .img-wrapper img:hover { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); cursor: -webkit-zoom-in; cursor: zoom-in; } /================================================== TEAM ==================================================/ .team-member { margin: 0 15px; } .team-member-info { padding: 10px 0 30px 0; } h4.team-member-name { font-size: 22px; font-weight: 700; letter-spacing: 1px; padding-top: 2px; } h4.team-member-designation { color: #34c6d3; font-size: 15px; font-weight: 700; font-style: italic; letter-spacing: 1px; margin-top: 5px; } /================================================== SOCIAL ==================================================/ .social-list { padding-left: 0; } .social-list li { list-style: none; display: inline-block; width: 32px; height: 32px; margin-right: 6px; margin-top: 10px; } .social-icon i { font-size: 17px; } .icon-gray i { color: #64707b; } .icon-white i { color: #fff; } .social-icon i:hover { color: #34c6d3; } /================================================== TESTIMONIALS ==================================================/ #testimonials-cover { background-image: url("../img/bg-testimonials.jpg") } #testimonials .content-box { background-color: rgba(0, 0, 0, 0.1); } #customers-testimonials { padding: 50px 0; } .testimonial img { max-width: 120px; margin: 0 auto 0 auto; } .testimonial blockquote { border: 0; font-family: Georgia, sans-serif; font-style: italic; color: #fff; padding: 6px 150px; position: relative; } .testimonial blockquote p { color: #fff; } .testimonial blockquote::before, .testimonial blockquote::after { font-size: 80px; font-style: normal; line-height: 1; width: 30px; height: 30px; position: absolute; } .testimonial blockquote::before { content: "\201C"; top: 0; left: 100px; } .testimonial blockquote::after { content: "\201D"; bottom: 0; right: 100px; } .testimonial-author p { color: #fff; font-size: 17px; } .testimonial-author p strong { display: block; } /================================================== PRICING ==================================================/ .pricing-box { border: 3px solid #34c6d3; padding: 50px 0; margin: 40px 0; } h4.pricing-title { background-color: #34c6d3; color: #fff; display: inline-block; padding: 7px 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 0 0 30px 0; } h3.pricing-value { font-size: 60px; font-weight: 700; } h3.pricing-value sup { font-size: 28px; font-weight: normal; vertical-align: super; } ul.pricing-spec { list-style: none; padding-left: 0; margin: 20px 0 60px 0; } ul.pricing-spec li p { font-weight: 400; text-transform: uppercase; } .pricing-box-lg { padding: 90px 0; margin: 0; background-color: #34c6d3; } .pricing-box-lg h4.pricing-title { color: #34c6d3; background-color: #fff; } .pricing-box-lg ul.pricing-spec li p { color: #fff; } /================================================== STATS ==================================================/ #stats-cover { background-image: url("../img/bg-stats.jpg"); } #stats .content-box { background-color: rgba(0, 0, 0, .8); } .stats-item { padding: 100px 0; } .stats-item i { color: #34c6d3; } .stats-item h2 { color: #fff; font-size: 35px; font-weight: 700; margin-top: 15px; margin-bottom: 1px; } .stats-item p { color: #fff; text-transform: uppercase; font-weight: 300; margin-top: 0; } /================================================== CLIENTS ==================================================/ .client { padding: 40px 0; } /================================================== CONTACT ==================================================/ footer { background-color: #41464b; padding-top: 30px; border-top: 5px solid rgba(0, 0, 0, 1.0); } #contact-left h3, #contact-right h3 { color: #fff; font-size: 27px; font-weight: 700; } #contact-left p { color: #fff; margin-bottom: 30px; } #contact-info { background-image: url("../img/world-map.png"); background-repeat: no-repeat; background-size: contain; } #contact-info address { color: #fff; } address strong { font-size: 16px;} address strong, #phone-fax-email strong { letter-spacing: 1px; } form .form-control { background: transparent; border-radius: 0; border-color: #fff; font-size: 17px; font-weight: 300; padding: 8px 16px; margin-bottom: 20px; color: #fff; } /================================================== FOOTER ==================================================/ #footer-bottom { background-color: rgba(0, 0, 0, 0.1); padding: 30px 0; margin-top: 60px; } #footer-copyrights p { margin: 0; color: #fff; } #footer-menu { float: left; color: #fff; font-size: 16px; font-weight: 300; } #footer-menu ul { list-style: none; padding-left: 0; margin: 0; } #footer-menu ul li { display: inline-block; } #footer-menu a { color: #fff; font-size: 16px; font-weight: 300; margin: 0 10px; text-decoration: none; } #footer-menu a:hover { color: #34c6d3; } /================================================== NAVIGATION ==================================================/ .navbar { padding: 20px 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .vesco-top-nav { background: rgba(0, 0, 0, 0.7); padding: 7px 0; } .vesco-nav-wrapper { padding: 0 85px; } .navbar-nav { float: right; } .navbar-nav > li > a { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { background: none; color: #34c6d3; } .navbar-toggle { background-color: rgba(0, 0, 0, 0.1); border: 1px solid #fff; border-radius: 0; } .navbar-toggle .icon-bar { background-color: #fff; } .navbar-collapse { max-height: none !important; } .vesco-top-nav ul.navbar-nav > li.active > a { color: #34c6d3; } /=========================================== SERVICES ============================================/ $(function () { // animate on scroll new WOW().init(); }); /=========================================== WORK ============================================/ $(function () { $("#work").magnificPopup({ delegate: 'a', // child items selector, by clicking on it popup will open type: 'image', gallery: { enabled: true } }); }); /=========================================== TEAM ============================================/ $(function () { $("#team-members").owlCarousel({ items: 3, autoplay: true, smartSpeed: 700, loop: true, autoplayHoverPause: true, responsive: { // breakpoint from 0 up 0: { items: 1 }, // breakpoint from 480 up 480: { items: 2 }, // breakpoint from 768 up 768: { items: 3 } } }); }); /=========================================== TESTIMONIALS ============================================/ $(function () { $("#customers-testimonials").owlCarousel({ items: 1, autoplay: true, smartSpeed: 700, loop: true, autoplayHoverPause: true }); }); /=========================================== STATS ============================================/ $(function () { $('.counter').counterUp({ delay: 10, time: 2000 }); }); /=========================================== CLIENTS ============================================/ $(function () { $("#clients-list").owlCarousel({ items: 6, autoplay: true, smartSpeed: 700, loop: true, autoplayHoverPause: true, responsive: { // breakpoint from 0 up 0: { items: 1 }, // breakpoint from 480 up 480: { items: 3 }, // breakpoint from 768 up 768: { items: 5 }, // breakpoint from 992 up 992: { items: 6 } } }); }); /=========================================== NAVIGATION ============================================/ // Show/Hide transparent black navigation $(function () { $(window).scroll(function () { if ($(this).scrollTop() < 50) { //hide nav $("nav").removeClass("vesco-top-nav"); $("#back-to-top").fadeOut(); } else { // show nav $("nav").addClass("vesco-top-nav"); $("#back-to-top").fadeIn(); } }); }); // Smooth scrolling $(function () { $("a.smooth-scroll").click(function (event) { event.preventDefault(); // get/return id like #about, #work, #team and etc var section = $(this).attr("href"); $('html, body').animate({ scrollTop: $(section).offset().top - 90 }, 1250, "easeInOutExpo"); }); }); // Close mobile menu on click $(function () { $(".navbar-collapse ul li a").on("click touch", function () { $(".navbar-toggle").click(); }); }); /==================================================== Bootstrap 3 media Queries ====================================================/ /* Large Devicces (Desktop & Laptops) */ @media (min-width: 1200px) { /* OK */ } /* Medium Devices (Landscape Tablets & Medium Desktops) */ @media (min-width: 992px) and (max-width: 1199px) { /* Mobile menu */ .navbar { background: rgba(0, 0, 0, .7); padding: 0; } .navbar-nav { float: left; } .vesco-nav-wrapper { padding: 0; } } /* Small Devices (Portrait Tablets & Small Desktops) */ @media (min-width: 768px) and (max-width: 991px) { /* Mobile menu */ .navbar { background: rgba(0, 0, 0, .7); padding: 0; } .navbar-nav { float: left; } .vesco-nav-wrapper { padding: 0; } /* About - remove diagonal border */ #about-bg-diagonal { border-left: 0; border-top: 0; width: 100%; height: 300px; } #about-content-box { width: 100%; height: 300px; } #about .content-title-underline { margin: 0 0 10px 0; } #about-desc p { margin-bottom: 100px; } #about-btn a { margin-bottom: 100px; } /* Work */ #work .content-title { margin-top: 90px } /* Stats */ .stats-item { padding: 20px 0; } /* Footer */ #footer-copyrights { text-align: center } } /* Extra Small Devices (Landscape Phones & Portrait Tablets) */ @media (max-width: 767px) { /* Mobile menu */ .navbar { background: rgba(0, 0, 0, .7); padding: 0; } .navbar-nav { float: left; } .vesco-nav-wrapper { padding: 0; } /* Home */ #home-heading h3 { font-size: 24px; } /* Buttons */ .btn-general { padding: 6px 22px 6px 22px; font-size: 14px; } /* About - remove diagonal border */ #about-bg-diagonal { border-left: 0; border-top: 0; width: 100%; height: 350px; } #about-content-box { width: 100%; height: 100px; } /* Work */ .img-wrapper img { min-width: 100%; } /* Testimonial */ .testimonial blockquote { padding: 6px 50px; } .testimonial blockquote:before { left: 10px; } .testimonial blockquote:after { right: 10px; } .testimonial blockquote p { font-size: 14px; } /* Stats */ .stats-item { padding: 20px 0; } /* Footer */ #footer-copyrights { text-align: center } } /* Extra Small Devices (Portrait phones & Smaller Devices ) */ @media (max-width: 480px) { /* OK */ } /* Extra Small Devices (Smaller Devices) */ @media (max-width: 320px) { /* Services */ .services-item-icon i { width: 58px; height: 58px; padding: 7px; } .services-item-title h3 { font-size: 17px; } /* About */ #about-content-box { margin-top: 40px; } /* Testimonial */ .testimonial img { max-width: 80px; } .testimonial blockquote { padding: 6px 30px; } .testimonial blockquote:before { left: 7px; } .testimonial blockquote:after { right: 7px; } } About No description, website, or topics provided. Topics Resources Readme Releases No releases published Create a new release Packages No packages published Publish your first package Languages HTML 100.0%