monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit be7c1df9e57256982363dd0a10623bfc45ed2e80 1 parent 05f61861

布局调整

Inline Side-by-side
Showing 4 changed files with 147 additions and 7 deletions
... ... @@ -98,9 +98,8 @@
</header>
<section class="text-center mt-100 mb-70">
<router-view></router-view>
</section>
<router-view></router-view>
<!--====================================================================
Start footer section
... ...
... ... @@ -2,7 +2,7 @@
首页
首页11
</div>
... ...
<div>
<section class="banner-section rel">
<div class="container">
<h2 class="page-title">Services</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Services</li>
</ol>
</nav>
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo l-70 t-60">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</div>
</section>
service
<section class="sps-one pt-120 mb-70 rmb-100">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">Ui/UX Design</span>
<h3>We Offer UX/UI Design Services</h3>
</div>
<p>Consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria tur. <br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s1.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="sps-two mb-50 rmb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">Web Development</span>
<h3>We Provide Quality Web Development Service at Low Cost</h3>
</div>
<p>Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. </p>
<p>Congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis.</p>
</div>
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
<img src="assets/img/services/s2.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="sps-three mb-50 rmb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">Apps Development</span>
<h3>We Have a Huge Reputation in Mobile Apps Development</h3>
</div>
<p>Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. <br>
Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
</div>
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s3.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="sps-four mb-75 rmb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">Marketing</span>
<h3>We Have Skilled Manpower in Online Marketing</h3>
</div>
<p>Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. </p>
<p>Congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis.</p>
</div>
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
<img src="assets/img/services/s4.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="sps-five mb-150 rmb-50">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">Content Writing</span>
<h3>There Are Also Experienced Content Writers</h3>
</div>
<p>Consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria tur.</p>
</div>
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s5.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="call-for-action text-center">
<div class="container">
<div class="call-action-content">
<h2>Have any question about us?</h2>
<p> Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat.</p>
<a href="contant.html" class="theme-btn">Please Contact</a>
</div>
</div>
</section>
... ...