BJ_web_developers / webportal

Commit c3e81845589ee1c0f45464664ac4dfb43d294b1e

Authored by liuqimichale
1 parent 87e21225

init website

Inline Side-by-side
Showing 2 changed files with 94 additions and 114 deletions
index.html
  View file @c3e8184
... ... @@ -7,29 +7,29 @@
7 7 <meta name="description" content="">
8 8 <meta name="viewport" content="width=device-width, initial-scale=1">
9 9  
10   - <link rel="icon" href="img/header-logo1.png">
  10 + <link type="text/css" rel="icon" href="img/header-logo1.png">
11 11 <!-- Place favicon.ico in the root directory -->
12   -
  12 +
13 13 <!-- Google Fonts -->
14   - <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
  14 + <!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->
  15 +
  16 + <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  17 + <link type="text/css" rel="stylesheet" href="css/slicknav.min.css">
  18 + <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
  19 + <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
  20 + <link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">
  21 + <link type="text/css" rel="stylesheet" href="css/animate.min.css">
  22 + <link type="text/css" rel="stylesheet" href="css/animate-text.css">
  23 + <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
  24 + <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
15 25  
16   - <link rel="stylesheet" href="css/bootstrap.min.css">
17   - <link rel="stylesheet" href="css/slicknav.min.css">
18   - <link rel="stylesheet" href="css/bootstrap-theme.min.css">
19   - <link rel="stylesheet" href="css/owl.carousel.min.css">
20   - <link rel="stylesheet" href="css/owl.theme.default.min.css">
21   - <link rel="stylesheet" href="css/animate.min.css">
22   - <link rel="stylesheet" href="css/animate-text.css">
23   - <link rel="stylesheet" href="css/magnific-popup.css">
24   - <link rel="stylesheet" href="css/font-awesome.min.css">
25   -
26 26 <!-- Ruby CSS -->
27   - <link rel="stylesheet" href="css/normalize.css">
28   - <link rel="stylesheet" href="style.css">
29   - <link rel="stylesheet" href="css/responsive.css">
30   -
  27 + <link type="text/css" rel="stylesheet" href="css/normalize.css">
  28 + <link type="text/css" rel="stylesheet" href="style.css">
  29 + <link type="text/css" rel="stylesheet" href="css/responsive.css">
  30 +
31 31 <!-- Color CSS -->
32   - <link rel="stylesheet" href="css/color/color7.css">
  32 + <link type="text/css" rel="stylesheet" href="css/color/color7.css">
33 33 <!--<link rel="stylesheet" href="css/color/color1.css">-->
34 34 <!--<link rel="stylesheet" href="css/color/color2.css">-->
35 35 <!--<link rel="stylesheet" href="css/color/color3.css">-->
... ... @@ -39,11 +39,11 @@
39 39 <!--<link rel="stylesheet" href="css/color/color8.css">-->
40 40 <!--<link rel="stylesheet" href="css/color/color9.css">-->
41 41  
42   - <link rel="stylesheet" href="#" id="colors">
43   -
  42 + <link type="text/css" rel="stylesheet" href="#" id="colors">
  43 +
44 44 </head>
45 45 <body>
46   -
  46 +
47 47 <div class="color-plate ">
48 48 <a class="icon"><i class="fa fa-cog fa-spin"></i></a>
49 49 <h2>Ruby Color</h2>
... ... @@ -59,7 +59,7 @@
59 59 <span class="color9"></span>
60 60 </div>
61 61 </div>
62   -
  62 +
63 63 <!-- Header Area -->
64 64 <header id="header" class="header">
65 65 <!-- Header Inner -->
... ... @@ -108,7 +108,7 @@
108 108 </div>
109 109 </header>
110 110 <!--/ End Header Area -->
111   -
  111 +
112 112 <!-- Slider Area -->
113 113 <section id="slider">
114 114 <div class="single-slider" style="background-image:url('img/slider1.jpg')">
... ... @@ -139,7 +139,7 @@
139 139 </div>
140 140 </section>
141 141 <!--/ End Slider Area -->
142   -
  142 +
143 143 <!-- features Area -->
144 144 <section id="features" class="section">
145 145 <div class="container">
... ... @@ -155,7 +155,7 @@
155 155 <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">
156 156 <div class="feature-left">
157 157 <img src="img/computer.jpg" alt="#">
158   - </div>
  158 + </div>
159 159 </div>
160 160 <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
161 161 <div class="feature-right">
... ... @@ -193,7 +193,7 @@
193 193 </div>
194 194 </section>
195 195 <!--/ End features Area -->
196   -
  196 +
197 197 <!-- Start Service area -->
198 198 <section id="Services" class="section">
199 199 <div class="container">
... ... @@ -253,7 +253,7 @@
253 253 </div>
254 254 </section>
255 255 <!-- End Service -->
256   -
  256 +
257 257 <!-- Latest Works Area -->
258 258 <section id="latest-works" class="latest-works section">
259 259 <div class="container">
... ... @@ -370,7 +370,7 @@
370 370 </div>
371 371 </section>
372 372 <!--/ End Works Area -->
373   -
  373 +
374 374 <!-- Testimonials -->
375 375 <section id="testimonials" class="section" data-stellar-background-ratio="0.5">
376 376 <section class="bg">
... ... @@ -396,8 +396,8 @@
396 396 <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>
397 397 <span> -Sabbir Ahmed</span>
398 398 </div>
399   -
400   -
  399 +
  400 +
401 401 </div>
402 402 </div>
403 403 </div>
... ... @@ -406,7 +406,7 @@
406 406 </section>
407 407 <!--/ End Testimonials -->
408 408 <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" title="็ฝ‘็ซ™ๆจกๆฟ">็ฝ‘็ซ™ๆจกๆฟ</a></div>
409   -
  409 +
410 410 <!-- Blog -->
411 411 <section id="blog" class="section">
412 412 <div class="container">
... ... @@ -475,7 +475,7 @@
475 475 </div>
476 476 </section>
477 477 <!--/ End Newslatter -->
478   -
  478 +
479 479 <!-- Fun Facts Area -->
480 480 <section id="fun-facts" class="fun-facts section" data-stellar-background-ratio="0.5">
481 481 <div class="bf-color">
... ... @@ -522,7 +522,7 @@
522 522 </div>
523 523 </section>
524 524 <!--/ End Fun Facts Area -->
525   -
  525 +
526 526 <!-- Team -->
527 527 <section id="team" class="section">
528 528 <div class="container">
... ... @@ -619,7 +619,7 @@
619 619 </div>
620 620 </section>
621 621 <!--/ End Team -->
622   -
  622 +
623 623 <!-- Pricing Table -->
624 624 <section class="p-table4 section">
625 625 <div class="container">
... ... @@ -642,7 +642,7 @@
642 642 </div>
643 643 <div class="price">
644 644 <p class="amount"><span>$</span>19</p>
645   - </div>
  645 + </div>
646 646 </div>
647 647 <!-- Table List -->
648 648 <ul class="table-list">
... ... @@ -673,7 +673,7 @@
673 673 </div>
674 674 <div class="price">
675 675 <p class="amount"><span>$</span>25</p>
676   - </div>
  676 + </div>
677 677 </div>
678 678 <!-- Table List -->
679 679 <ul class="table-list">
... ... @@ -704,7 +704,7 @@
704 704 </div>
705 705 <div class="price">
706 706 <p class="amount"><span>$</span>55</p>
707   - </div>
  707 + </div>
708 708 </div>
709 709 <!-- Table List -->
710 710 <ul class="table-list">
... ... @@ -725,12 +725,12 @@
725 725 </div>
726 726 </div>
727 727 <!-- End Single Table-->
728   - </div>
729   - </div>
730   - </section>
  728 + </div>
  729 + </div>
  730 + </section>
731 731 <!--/ End Pricing Table -->
732 732  
733   -
  733 +
734 734 <!--/ contact Area -->
735 735 <section id="contact" class="contact section" data-stellar-background-ratio="0.5">
736 736 <div class="container">
... ... @@ -741,7 +741,7 @@
741 741 <h3>Contact <span>us now</span></h3>
742 742 <p class="p1">Aercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
743 743 <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.</p>
744   -
  744 +
745 745 </div>
746 746 </div>
747 747 <div class="col-md-8 col-sm-8 col-xs-12">
... ... @@ -763,7 +763,7 @@
763 763 <div class="form-group">
764 764 <textarea name="message" placeholder="type your message"></textarea>
765 765 </div>
766   -
  766 +
767 767 </div>
768 768 </form>
769 769 </div>
... ... @@ -775,7 +775,7 @@
775 775 </div>
776 776 </section>
777 777 <!--/ End contact Area -->
778   -
  778 +
779 779 <!-- Clients Area -->
780 780 <div id="clients" class="clients section">
781 781 <div class="container">
... ... @@ -833,7 +833,7 @@
833 833 </div>
834 834 </div>
835 835 <!--/ End Clients Area -->
836   -
  836 +
837 837 <!-- Footer Area -->
838 838 <footer id="footer" class="footer section">
839 839 <!-- Footer Top -->
... ... @@ -916,25 +916,25 @@
916 916 <!--/ End Copyright -->
917 917 </footer>
918 918 <!--/ End Footer Area -->
919   -
920   - <script src="js/jquery.min.js"></script>
921   - <script src="js/bootstrap.min.js"></script>
922   - <script src="js/colors.js"></script>
923   - <script src="js/jquery.nav.js"></script>
924   - <script src="js/jquery.scrollUp.min.js"></script>
925   - <script src="js/jquery.slicknav.min.js"></script>
926   - <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
927   - <script src="js/owl.carousel.min.js"></script>
928   - <script src="js/isotope.pkgd.min.js"></script>
929   - <script src="js/wow.min.js"></script>
930   - <script src="js/jquery.stellar.min.js"></script>
931   - <script src="js/jquery.magnific-popup.min.js"></script>
932   - <script src="js/animate-text.js"></script>
933   - <script src="js/particles.min.js"></script>
934   - <script src="js/particle-code.js"></script>
935   - <script src="js/jquery.counterup.min.js"></script>
936   -
  919 +
  920 + <script type="text/javascript" src="js/jquery.min.js"></script>
  921 + <script type="text/javascript" src="js/bootstrap.min.js"></script>
  922 + <script type="text/javascript" src="js/colors.js"></script>
  923 + <script type="text/javascript" src="js/jquery.nav.js"></script>
  924 + <script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>
  925 + <script type="text/javascript" src="js/jquery.slicknav.min.js"></script>
  926 + <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
  927 + <script type="text/javascript" src="js/owl.carousel.min.js"></script>
  928 + <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
  929 + <script type="text/javascript" src="js/wow.min.js"></script>
  930 + <script type="text/javascript" src="js/jquery.stellar.min.js"></script>
  931 + <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
  932 + <script type="text/javascript" src="js/animate-text.js"></script>
  933 + <script type="text/javascript" src="js/particles.min.js"></script>
  934 + <script type="text/javascript" src="js/particle-code.js"></script>
  935 + <script type="text/javascript" src="js/jquery.counterup.min.js"></script>
  936 +
937 937 <script type="text/javascript" src="js/gmaps.min.js"></script>
938   - <script src="js/main.js"></script>
  938 + <script type="text/javascript" src="js/main.js"></script>
939 939 </body>
940   -</html>
941 940 \ No newline at end of file
  941 +</html>
... ...
js/main.js
  View file @c3e8184
1   -$(document).on('ready', function(){
  1 +
2 2  
3 3 // Header position //
4 4 jQuery(window).on('scroll', function() {
... ... @@ -8,18 +8,18 @@ $(document).on(&#39;ready&#39;, function(){
8 8 $('#header .header-inner').removeClass("sticky");
9 9 }
10 10 });
11   -
12   -
  11 +
  12 +
13 13 // Mobile Menu //
14 14 $(function(){
15 15 $('#nav').slicknav({
16 16 'label' : '',
17 17 'prependTo': '.mobile-menu',
18   -
  18 +
19 19 });
20 20 });
21   -
22   -
  21 +
  22 +
23 23 // Testimonial Slider //
24 24 $('.testimonial-slider').owlCarousel({
25 25 items:1,
... ... @@ -32,7 +32,7 @@ $(document).on(&#39;ready&#39;, function(){
32 32 nav:false,
33 33 dots:true,
34 34 });
35   -
  35 +
36 36 // Portfolio //
37 37 $('.single-pf').owlCarousel({
38 38 items:1,
... ... @@ -47,8 +47,8 @@ $(document).on(&#39;ready&#39;, function(){
47 47 dots:false,
48 48 navText: ['PREVIOUS', 'NEXT'],
49 49 });
50   -
51   -
  50 +
  51 +
52 52 // Client Slider //
53 53 $('.clients-slider').owlCarousel({
54 54 autoplay:true,
... ... @@ -74,7 +74,7 @@ $(document).on(&#39;ready&#39;, function(){
74 74 }
75 75 }
76 76 });
77   -
  77 +
78 78 // Popup JS //
79 79 $('.popup').magnificPopup({
80 80 type: 'image',
... ... @@ -82,16 +82,16 @@ $(document).on(&#39;ready&#39;, function(){
82 82 enabled:true
83 83 }
84 84 });
85   -
86   -
87   -
  85 +
  86 +
  87 +
88 88 // stellar //
89 89 $.stellar({
90 90 horizontalOffset: 0,
91 91 verticalOffset: 0
92 92 });
93 93  
94   -
  94 +
95 95  
96 96 // Wow Animate //
97 97 var wow = new WOW(
... ... @@ -109,13 +109,13 @@ $(document).on(&#39;ready&#39;, function(){
109 109 }
110 110 );
111 111 wow.init();
112   -
113   -
  112 +
  113 +
114 114 /*====================================
115 115 Isotop
116   - ======================================*/
  116 + ======================================*/
117 117 $(window).on('load', function() {
118   -
  118 +
119 119 if ($.fn.isotope) {
120 120 $(".isotop-active").isotope({
121 121 filter: '*',
... ... @@ -138,15 +138,15 @@ $(document).on(&#39;ready&#39;, function(){
138 138 });
139 139 }
140 140 });
141   -
142   -
  141 +
  142 +
143 143 // onePageNav //
144 144 $('#nav').onePageNav({
145 145 changeHash: false,
146 146 scrollSpeed: 1000,
147 147 filter: '',
148 148 });
149   -
  149 +
150 150 // Scroll Up JS //
151 151 $(function () {
152 152 $.scrollUp({
... ... @@ -160,42 +160,22 @@ $(document).on(&#39;ready&#39;, function(){
160 160 activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
161 161 });
162 162 });
163   -
164   -
  163 +
  164 +
165 165 // counterUp //
166 166 $('.counter').counterUp({
167 167 delay: 10,
168 168 time: 2500,
169   -
170   - });
171   -
172   -
173   - // GMaps //
174   - var map = new GMaps({
175   - el: '#map',
176   - lat: 22.933046,
177   - lng: 90.827027
178   - });
179   - var map = new GMaps({
180   - el: '#map',
181   - lat: 22.933046,
182   - lng: 90.827027,
183   - scrollwheel: false,
184   - });
185   - map.addMarker({
186   - lat: 22.933046,
187   - lng: 90.827027,
188   - title: 'Welcome to SOHEL',
189   - infoWindow: {
190   - content: '<p>Welcome To Clipping Hunt</p>'
191   - }
192   -
  169 +
193 170 });
194   -
  171 +
  172 +
  173 +
  174 +
195 175 // Preloader
196 176 $(window).on('load', function() {
197 177 $('.loader').fadeOut('slow', function(){
198 178 $(this).remove();
199 179 });
200 180 });
201   -})(jQuery);
202 181 \ No newline at end of file
  182 +
... ...