汽车维修服务中心网站#网站建设 #bootstrap #网站定制开发(Automotive Maintenance Service Center Website)
黄菊华老师是CSDN博客专家、在线教育专家，专注于网站制作、小程序开发及软件开发教学。著有《Vue.js入门与商城开发实战》《微信小程序商城开发》等书籍，提供从入门到精通的视频课程，涵盖毕业设计辅导、代码讲解、答辩指导等。项目配套开发文档、开题报告等资料，支持定制化开发，包安装运行。联系方式可在CSDN文章末尾获取。
·
博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图
网页代码
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home 1</title>
<meta name="description" content="Description website">
<meta name="author" content="Maksym Blank">
<meta name="keywords" content="website, with, meta, tags">
<meta name="robots" content="noindex, follow">
<meta name="revisit-after" content="5 month">
<meta name="image" content="http://mywebsite.com/image.jpg">
<meta name="og:title" content="Title website">
<meta name="og:description" content="Description website">
<meta name="og:image" content="http://mywebsite.com/image.jpg">
<meta name="og:site_name" content="My Website">
<meta name="og:type" content="website">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Title website">
<meta name="twitter:description" content="Description website">
<link href="assets/css/plugins/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/plugins/slick.css" rel="stylesheet">
<link href="assets/css/plugins/ion.rangeSlider.min.css" rel="stylesheet">
<link href="assets/css/plugins/magnific-popup.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/fonts/flaticon/flaticon.css" rel="stylesheet">
<link href="assets/fonts/font-awesome.min.css" rel="stylesheet">
</head>
<body class="btn-style-3 btn-rounded sidebar-style-3">
<!--Header Start-->
<aside class="sigma_aside sigma_aside-desktop">
<div class="sidebar">
<!-- Recent Posts Widget -->
<div class="widget widget-sigma-recent-posts style-3">
<h5 class="widget-title">Recent Post</h5>
<div class="sigma_recent-post">
<div class="sigma_post-categories">
<a href="#">Category</a>
</div>
<div class="recent-post-descr">
<h6>
<a href="blog-details.html">Every Next Level Of Driving Experience in Your Life </a>
</h6>
<div class="author-info d-flex align-items-center">
<span>TA</span>
<div>
<a href="#" class="author-name">Tom Harris</a>
<a href="blog-details.html" class="date">June 4, 2021</a>
</div>
</div>
</div>
</div>
<div class="sigma_recent-post">
<div class="sigma_post-categories">
<a href="#">Category</a>
</div>
<div class="recent-post-descr">
<h6>
<a href="blog-details.html">We are the champions, we do not give up, we try</a>
</h6>
<div class="author-info d-flex align-items-center">
<span>TA</span>
<div>
<a href="#" class="author-name">Tim Abell</a>
<a href="blog-details.html" class="date">June 4, 2021</a>
</div>
</div>
</div>
</div>
</div>
<!-- Insta Widget -->
<div class="widget widget-insta">
<h5 class="widget-title">Instagram Feed</h5>
<div class="sigma_instagram insta-images" id="test" data-username="slidesigma" data-items="9" data-items_per_row="3">
</div>
</div>
<!-- Recent services Widget -->
<div class="widget widget-sigma-recent-posts">
<h5 class="widget-title">Most Commented</h5>
<div class="sigma_recent-post">
<a href="blog-details.html" class="recent-post-image">
<img src="assets/img/service-details/80x80.jpg" alt="img">
</a>
<div class="recent-post-descr">
<h6>
<a href="blog-details.html">Car engine diaginis weekly, monthly and quaterly</a>
</h6>
<a href="blog-details.html" class="date">
<i class="far fa-clock mr-2"></i>
June 4, 2021
</a>
</div>
</div>
<div class="sigma_recent-post">
<a href="blog-details.html" class="recent-post-image">
<img src="assets/img/service-details/80x80-0.jpg" alt="img">
</a>
<div class="recent-post-descr">
<h6>
<a href="blog-details.html">This is a test for every nuts and bolts</a>
</h6>
<a href="blog-details.html" class="date">
<i class="far fa-clock mr-2"></i>
January 4, 2021
</a>
</div>
</div>
<div class="sigma_recent-post">
<a href="blog-details.html" class="recent-post-image">
<img src="assets/img/service-details/80x80-1.jpg" alt="img">
</a>
<div class="recent-post-descr">
<h6>
<a href="blog-details.html">It is dust cleaning of car with air blower.</a>
</h6>
<a href="blog-details.html" class="date">
<i class="far fa-clock mr-2"></i>
June 4, 2021
</a>
</div>
</div>
</div>
</div>
</aside>
<div class="sigma_aside-overlay aside-trigger-right">
</div>
<aside class="sigma_aside">
<div class="sigma_close aside-trigger">
<span></span>
<span></span>
</div>
<div class="sigma_logo-wrapper">
<a class="sigma_logo" href="index.html">
<img src="assets/img/logo.png" alt="logo">
</a>
</div>
<ul class="navbar-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Home pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="index.html">Home 1</a>
</li>
<li class="menu-item">
<a href="home-2.html">Home 2</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="about-us.html">About us</a>
</li>
<li class="menu-item">
<a href="team.html">Team</a>
</li>
<li class="menu-item">
<a href="contact-us.html">Contact us</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="services.html">Services</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="services.html">Service</a>
</li>
<li class="menu-item">
<a href="service-details.html">Service details</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="portfolio.html">Portfolio</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="portfolio.html">Portfolio</a>
</li>
<li class="menu-item">
<a href="portfolio-details.html">Portfolio details</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="blog.html">Blog</a>
</li>
<li class="menu-item">
<a href="blog-details.html">Blog details</a>
</li>
</ul>
</li>
</ul>
</aside>
<div class="sigma_aside-overlay aside-trigger">
</div>
<header class="sigma_header style-4 can-sticky">
<div class="sigma_header-middle">
<div class="container">
<div class="navbar">
<div class="sigma_header-controls style-2 d-none d-lg-block">
<ul class="sigma_header-controls-inner">
<li class="aside-toggle aside-trigger-right desktop-toggler">
<span></span>
<span></span>
<span></span>
</li>
</ul>
</div>
<div class="sigma_logo-wrapper">
<a class="sigma_logo" href="index.html">
<img src="assets/img/logo.png" alt="logo">
</a>
</div>
<div class="sigma_header-controls style-2">
<ul class="sigma_header-controls-inner">
<li class="search-trigger header-controls-item d-none d-sm-block">
<a class="sigma_header-control-search" title="Search" href="#">
<i class="far fa-search"></i>
</a>
</li>
<li class="aside-toggle aside-trigger">
<span></span>
<span></span>
<span></span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sigma_header-bottom">
<div class="container">
<div class="sigma_header-bottom-inner">
<ul class="navbar-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Home pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="index.html">Home 1</a>
</li>
<li class="menu-item">
<a href="home-2.html">Home 2</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="about-us.html">About us</a>
</li>
<li class="menu-item">
<a href="team.html">Team</a>
</li>
<li class="menu-item">
<a href="contact-us.html">Contact us</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="services.html">Services</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="service-details.html">Service details</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="portfolio.html">Portfolio</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="portfolio-details.html">Portfolio details</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="blog-details.html">Blog details</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="search-form-wrapper">
<div class="search-trigger sigma_close">
<span></span>
<span></span>
</div>
<form class="search-form" method="post">
<input type="text" class="bg-transparent" placeholder="Search..." value="">
<button type="submit" class="search-btn">
<i class="fal fa-search m-0"></i>
</button>
</form>
</div>
<!--Header End-->
<!--Section Start-->
<div class="sigma_banner light-bg">
<div class="sigma_banner-slider">
<div class="banner-slider-inner">
<div class="sigma_banner-text">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="title">
Make Your Drive Smoother
</h1>
<p>We are one of the leading auto repair shops serving customers in Tucson..</p>
<form method="post" class="banner-links">
<div class="row">
<div class="col-md-8">
<input type="email" name="email" placeholder="Enter your email">
</div>
<div class="col-md-4">
<button type="button" class="btn-block mt-4 mt-md-0">Submit</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6">
<div class="sigma_banner-image mt-5 mt-lg-0">
<img src="assets/img/home-1/540x400.jpg" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="banner-slider-inner">
<div class="sigma_banner-text">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="title">
Make Your Drive Smoother
</h1>
<p>We are one of the leading auto repair shops serving customers in Tucson..</p>
<form method="post" class="banner-links">
<div class="row">
<div class="col-md-8">
<input type="email" name="email" placeholder="Enter your email">
</div>
<div class="col-md-4">
<button type="button" class="btn-block mt-4 mt-md-0">Submit</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6">
<div class="sigma_banner-image mt-5 mt-lg-0">
<img src="assets/img/home-1/540x400-0.jpg" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container sigma_banner-social d-none d-sm-block">
<ul class="sigma_social-icons justify-content-start">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="sigma_preloader sigma_preloader-pulse">
<div class="sigma_preloader-inner">
<div class="preloader-pulse">
<div class="preloader-pulse-inner">
<div>
</div>
<div>
</div>
<div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding">
<div class="container">
<div class="row">
<div class="col-lg-4 d-none d-lg-block">
<div class="sigma_about style-6">
<img src="assets/img/home-1/390x540.jpg" alt="img">
</div>
</div>
<div class="col-lg-8">
<div class="sigma_about style-6 pl-lg-4">
<div class="section-title">
<span class="subtitle">About us</span>
<h3 class="title">Modern Tool, <span class="primary-color">Car Service </span></h3>
</div>
<div class="row align-items-center">
<div class="col-lg-6 mb-lg-30">
<p>
We offer a full <b> range of garage</b>. services to vehicle owners located in Tucson area.Our professinals know how to handle a wide range of car services.Our professinals know how to handle a wide range .
</p>
<p>
Car service is an Art for <b>Automobile Sector</b>.We can handle any problem on both foreign and domestic vehicles.
</p>
<a href="about-us.html" class="sigma_btn">Read More</a>
</div>
<div class="col-lg-6">
<div class="sigma_box">
<div class="sigma_media m-0">
<div class="sigma_progress round sm">
<span> <b class="counter" data-from="0" data-to="83">83</b> <span class="primary-color">%</span>
</span>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 197 197" enable-background="new 0 0 197 197" xml:space="preserve">
<circle class="sigma_progress-stroke" stroke-linecap="round" cx="98.5" cy="98.6" r="97.5">
</circle>
<circle class="sigma_progress-round" data-to="210" stroke-linecap="round" cx="98.5" cy="98.6" r="97.5">
</circle>
</svg>
</div>
<div class="sigma_media-content">
<h5>Projection</h5>
</div>
</div>
<p class="mt-4 mb-0">Find all mechanics and service men here and millions of tools and wrenches</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="modal fade" id="sigma_popup-newsletter" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog sigma_newsletter-popup-modal style-2 modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="sigma_close newsletter-popup-trigger" data-dismiss="modal">
<span></span>
<span></span>
</div>
<div class="sigma_newsletter-popup-text-wrapper">
<h3>Join Our Newsletter</h3>
<p>We clean the vehicle properly to satisfy the customer. It is good for vehicles.It sure to us.</p>
</div>
<form method="post" class="text-center">
<div class="form-group">
<input type="email" placeholder="Email Address" class="form-control" name="newsletter-email" value="">
</div>
<button type="submit" name="button">Subscribe</button>
<span class="sigma_newsletter-popup-dismiss newsletter-popup-trigger" data-dismiss="modal">Don't show again</span>
</form>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding bg-gray">
<div class="container">
<div class="section-title centered">
<h3 class="title">Our Services</h3>
<p>Inspections need to be done regularly, and they need to be done thoroughly, that's where we come in. We'll run .</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="sigma_service style-6">
<div class="sigma_service-thumb">
<img src="assets/img/home-1/300x240.jpg" alt="img">
<i class="flaticon-check-up icon-box"></i>
</div>
<div class="sigma_service-body">
<h5>
<a href="service-details.html">Inspections</a>
</h5>
<p>Inspections need to be done regularly, and they need to be done thoroughly, that's where we come in. We'll run .</p>
<a href="service-details.html" class="btn-link secondary-color">
Read More
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_service style-6">
<div class="sigma_service-thumb">
<img src="assets/img/home-1/300x240-0.jpg" alt="img">
<i class="flaticon-car icon-box"></i>
</div>
<div class="sigma_service-body">
<h5>
<a href="service-details.html">Handover</a>
</h5>
<p>Handover the key and documents to the customer. We are happy to help the customer.</p>
<a href="service-details.html" class="btn-link secondary-color">
Read More
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_service style-6">
<div class="sigma_service-thumb">
<img src="assets/img/home-1/300x240-1.jpg" alt="img">
<i class="flaticon-car-wash icon-box"></i>
</div>
<div class="sigma_service-body">
<h5>
<a href="service-details.html">Washing</a>
</h5>
<p>We have done thousands of general services for people in our local servicing areas.</p>
<a href="service-details.html" class="btn-link secondary-color">
Read More
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_service style-6">
<div class="sigma_service-thumb">
<img src="assets/img/home-1/300x240-2.jpg" alt="img">
<i class="flaticon-car-service icon-box"></i>
</div>
<div class="sigma_service-body">
<h5>
<a href="service-details.html">Cleaning</a>
</h5>
<p>We clean the vehicle properly to satisfy the customer. It is good for vehicles.It sure to us.</p>
<a href="service-details.html" class="btn-link secondary-color">
Read More
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_service style-6">
<div class="sigma_service-thumb">
<img src="assets/img/home-1/300x240-3.jpg" alt="img">
<i class="flaticon-wheel icon-box"></i>
</div>
<div class="sigma_service-body">
<h5>
<a href="service-details.html">Wheel Alignments</a>
</h5>
<p>A catalytic converter is one of the vital parts of your. In case you’ve noticed a chip in your car paint.</p>
<a href="service-details.html" class="btn-link secondary-color">
Read More
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_service style-6">
<div class="sigma_service-thumb">
<img src="assets/img/home-1/300x240-4.jpg" alt="img">
<i class="flaticon-car-engine icon-box"></i>
</div>
<div class="sigma_service-body">
<h5>
<a href="service-details.html">Car Diagonistic</a>
</h5>
<p>Our experts can diagnose your vehicle’s condition right away. We offer all types of services.</p>
<a href="service-details.html" class="btn-link secondary-color">
Read More
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding bg-cover bg-center dark-overlay" style="background-image: url(assets/img/HP1.-BG.jpg)">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="25">25</b>
<span class="plus">+</span>
</span>
<p class="text-white">Complete Project Per Month</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="58">58</b>
<span class="plus">+</span>
</span>
<p class="text-white">Years Practical Experience</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="sigma_counter">
<span>
<b class="counter" data-from="0" data-to="96">96</b>
<span class="plus">+</span>
</span>
<p class="text-white">Expert Team Members</p>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding">
<div class="container">
<div class="section-title centered">
<h3 class="title">Our Team</h3>
<p>Inspections need to be done regularly, and they need to be done thoroughly, that's where we come in. We'll run .</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="sigma_team">
<div class="sigma_team-thumb has-width">
<a href="team.html">
<img src="assets/img/home-1/120x120.jpg" class="rounded-circle" alt="team">
</a>
</div>
<div class="sigma_team-body">
<h5>
<a href="team.html">John Melkar</a>
</h5>
<div class="sigma_team-categories">
<a href="#" class="sigma_team-category">Autoservice Owner</a>
</div>
<p>How to pursue pleasure ratio encounter consequences thats are..</p>
<ul class="sigma_social-icons">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_team">
<div class="sigma_team-thumb has-width">
<a href="team.html">
<img src="assets/img/home-1/120x120-0.jpg" class="rounded-circle" alt="team">
</a>
</div>
<div class="sigma_team-body">
<h5>
<a href="team.html">De Thomas</a>
</h5>
<div class="sigma_team-categories">
<a href="#" class="sigma_team-category">Mechanical Coordinator</a>
</div>
<p>In case you’ve noticed a chip in your car paint, We offer a full range ..</p>
<ul class="sigma_social-icons">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_team">
<div class="sigma_team-thumb has-width">
<a href="team.html">
<img src="assets/img/home-1/120x120-1.jpg" class="rounded-circle" alt="team">
</a>
</div>
<div class="sigma_team-body">
<h5>
<a href="team.html">Albert nobel</a>
</h5>
<div class="sigma_team-categories">
<a href="#" class="sigma_team-category">General Manager</a>
</div>
<p>We appreciate your trust and hope that you find our services helpful.</p>
<ul class="sigma_social-icons">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section pt-0">
<div class="container">
<div class="section-title centered">
<h3 class="title">Recent Projects</h3>
<p>Inspections need to be done regularly, and they need to be done thoroughly, that's where we come in. We'll run .</p>
</div>
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-sm-6">
<div class="sigma_portfolio style-8">
<div class="sigma_portfolio-thumb">
<img src="assets/img/home-1/350x350.jpg" alt="portfolio">
<div class="sigma_portfolio-content">
<h5>
<a href="portfolio-details.html">Fixing by Machine </a>
</h5>
<p>It is a long established fact that</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="sigma_portfolio style-8">
<div class="sigma_portfolio-thumb">
<img src="assets/img/home-1/350x350-0.jpg" alt="portfolio">
<div class="sigma_portfolio-content">
<h5>
<a href="portfolio-details.html">Personal Assistance</a>
</h5>
<p>It is a long established fact that</p>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="sigma_portfolio style-8">
<div class="sigma_portfolio-thumb">
<img src="assets/img/home-1/730x350.jpg" alt="portfolio">
<div class="sigma_portfolio-content">
<h5>
<a href="portfolio-details.html">Complete Checkup</a>
</h5>
<p>It is a long established fact that</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="sigma_portfolio style-8">
<div class="sigma_portfolio-thumb">
<img src="assets/img/home-1/350x730.jpg" alt="portfolio">
<div class="sigma_portfolio-content">
<h5>
<a href="portfolio-details.html">Monthly Engine Service</a>
</h5>
<p>It is a long established fact that</p>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-4">
<a href="portfolio.html" class="sigma_btn">
View All
<i class="far fa-angle-right"></i>
</a>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="sigma_cta">
<span class="sigma_cta-icon-box">
<i class="flaticon-car-1"></i>
</span>
<div class="section-title centered">
<h3 class="title">You Provide <span class="primary-color">The Vision,</span> We Provide The Solution.</h3>
<p>We are one of the leading auto repair shops serving customers in Tucson..</p>
</div>
<div class="sigma_cta-buttons justify-content-center align-items-center">
<a href="#" class="play-btn">
<i class="fab fa-apple"></i>
<p>
<span>Download on the</span>
App Store
</p>
</a>
<a href="#" class="play-btn">
<i class="fab fa-google-play"></i>
<p>
<span>Get it on</span>
Google Play
</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding pt-0">
<div class="container">
<div class="section-title centered">
<h3 class="title">Our Testimonial</h3>
<p>Inspections need to be done regularly, and they need to be done thoroughly, that's where we come in. We'll run .</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="sigma_testimonial">
<div class="sigma_testimonial-thumb">
<img src="assets/img/home-1/100x100.jpg" alt="testimonial">
</div>
<div class="sigma_testimonial-body">
<span class="fas fa-quote-left sigma_testimonial-icon"></span>
<p>"We are one of the leading auto repair shops serving customers in USA.."</p>
<div class="sigma_author-block">
<h5>
Aash Aron
</h5>
<span class="sigma_testimonial-category">Senior Mechanic</span>
</div>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_testimonial">
<div class="sigma_testimonial-thumb">
<img src="assets/img/home-1/100x100-0.jpg" alt="testimonial">
</div>
<div class="sigma_testimonial-body">
<span class="fas fa-quote-left sigma_testimonial-icon"></span>
<p>"We are one of the leading auto repair shops serving customers in USA.."</p>
<div class="sigma_author-block">
<h5>
John Doe
</h5>
<span class="sigma_testimonial-category">Sr. Mechanic</span>
</div>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="sigma_testimonial">
<div class="sigma_testimonial-thumb">
<img src="assets/img/home-1/100x100-1.jpg" alt="testimonial">
</div>
<div class="sigma_testimonial-body">
<span class="fas fa-quote-left sigma_testimonial-icon"></span>
<p>"We are one of the leading auto repair shops serving customers in USA.."</p>
<div class="sigma_author-block">
<h5>
Devid Hussey
</h5>
<span class="sigma_testimonial-category">Tyre Specialist</span>
</div>
<div class="sigma_rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section pt-0">
<div class="container">
<div class="sigma_info-slider">
<div class="sigma_info style-13">
<div class="sigma_info-title">
<span class="sigma_info-icon bg-primary-1 text-white">
<i class="flaticon-car-repair"></i>
</span>
<h5>
<a href="#">Discuss Forum</a>
</h5>
</div>
<div class="sigma_info-description">
<p>We are one of the leading auto repair shops serving customers in Tucson..We are one of the leading auto repair shops serving customers in Tucson..</p>
</div>
</div>
<div class="sigma_info style-13">
<div class="sigma_info-title">
<span class="sigma_info-icon bg-primary-1 text-white">
<i class="flaticon-car-2"></i>
</span>
<h5>
<a href="#">Discuss Forum</a>
</h5>
</div>
<div class="sigma_info-description">
<p>We are one of the leading auto repair shops serving customers in Tucson..We are one of the leading auto repair shops serving customers in Tucson..</p>
</div>
</div>
<div class="sigma_info style-13">
<div class="sigma_info-title">
<span class="sigma_info-icon bg-primary-1 text-white">
<i class="flaticon-repair"></i>
</span>
<h5>
<a href="#">Discuss Forum</a>
</h5>
</div>
<div class="sigma_info-description">
<p>We are one of the leading auto repair shops serving customers in Tucson..We are one of the leading auto repair shops serving customers in Tucson..</p>
</div>
</div>
<div class="sigma_info style-13">
<div class="sigma_info-title">
<span class="sigma_info-icon bg-primary-1 text-white">
<i class="flaticon-car-lift"></i>
</span>
<h5>
<a href="#">Discuss Forum</a>
</h5>
</div>
<div class="sigma_info-description">
<p>We are one of the leading auto repair shops serving customers in Tucson..We are one of the leading auto repair shops serving customers in Tucson..</p>
</div>
</div>
</div>
<div class="sigma_info-image-slider mt-5">
<div class="sigma_info-image">
<img src="assets/img/home-1/1920x1000.jpg" alt="img">
</div>
<div class="sigma_info-image">
<img src="assets/img/home-1/1920x1000-0.jpg" alt="img">
</div>
<div class="sigma_info-image">
<img src="assets/img/home-1/1920x1000-1.jpg" alt="img">
</div>
<div class="sigma_info-image">
<img src="assets/img/home-1/1920x1000-2.jpg" alt="img">
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="section section-padding pt-0">
<div class="container">
<div class="section-title centered">
<h3 class="title">Our Blog</h3>
<p>Inspections need to be done regularly, and they need to be done thoroughly, that's where we come in. We'll run .</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<article class="sigma_post style-12">
<div class="sigma_post-thumb">
<a href="blog-details.html">
<img src="assets/img/home-1/350x300.jpg" alt="img">
</a>
</div>
<div class="sigma_post-body">
<div class="sigma_post-content">
<div class="sigma_post-meta is-absolute">
<a href="blog-details.html" class="sigma_post-date">
<i class="fal fa-calendar-alt"></i>
28 January, 2021
</a>
</div>
<div class="sigma_post-meta">
<ul>
<li>
<a href="#">
<i class="fal fa-user"></i>
By Admin
</a>
</li>
<li>
<a href="#">
<i class="fal fa-folder-open"></i>
Replacement
</a>
</li>
</ul>
</div>
<h5>
<a href="blog-details.html">Take Care of Tyre & Tube</a>
</h5>
<p class="m-0">It's not about getting the job done quickly, it's customer satisfaction..
</p>
</div>
<a href="blog-details.html" class="btn-link">
Read more
<i class="far fa-angle-right"></i>
</a>
</div>
</article>
</div>
<div class="col-lg-4 col-md-6">
<article class="sigma_post style-12">
<div class="sigma_post-thumb">
<a href="blog-details.html">
<img src="assets/img/home-1/350x300-0.jpg" alt="img">
</a>
</div>
<div class="sigma_post-body">
<div class="sigma_post-content">
<div class="sigma_post-meta is-absolute">
<a href="blog-details.html" class="sigma_post-date">
<i class="fal fa-calendar-alt"></i>
28 January, 2021
</a>
</div>
<div class="sigma_post-meta">
<ul>
<li>
<a href="#">
<i class="fal fa-user"></i>
By Admin
</a>
</li>
<li>
<a href="#">
<i class="fal fa-folder-open"></i>
Cleaning
</a>
</li>
</ul>
</div>
<h5>
<a href="blog-details.html">Focus on Dust Cleaning</a>
</h5>
<p class="m-0">Our service men focus on dust cleaning and clear on customer vehicles..
</p>
</div>
<a href="blog-details.html" class="btn-link">
Read more
<i class="far fa-angle-right"></i>
</a>
</div>
</article>
</div>
<div class="col-lg-4 col-md-6">
<article class="sigma_post style-12">
<div class="sigma_post-thumb">
<a href="blog-details.html">
<img src="assets/img/home-1/350x300-1.jpg" alt="img">
</a>
</div>
<div class="sigma_post-body">
<div class="sigma_post-content">
<div class="sigma_post-meta is-absolute">
<a href="blog-details.html" class="sigma_post-date">
<i class="fal fa-calendar-alt"></i>
28 January, 2021
</a>
</div>
<div class="sigma_post-meta">
<ul>
<li>
<a href="#">
<i class="fal fa-user"></i>
By Admin
</a>
</li>
<li>
<a href="#">
<i class="fal fa-folder-open"></i>
Inspection
</a>
</li>
</ul>
</div>
<h5>
<a href="blog-details.html">Team Leader Role</a>
</h5>
<p class="m-0">It's not about getting the job done quickly.
</p>
</div>
<a href="blog-details.html" class="btn-link">
Read more
<i class="far fa-angle-right"></i>
</a>
</div>
</article>
</div>
</div>
</div>
</div>
<!--Section End-->
<!--Section Start-->
<div class="sigma_top">
<i class="far fa-arrow-up"></i>
</div>
<!--Section End-->
<!--Section Start-->
<footer class="sigma_footer style-2 sigma_footer-dark">
<div class="container">
<div class="sigma_footer-top">
<div class="sigma_footer-logo">
<img src="assets/img/logo.png" alt="logo">
</div>
<div class="footer-item">
<ul class="sigma_footer-links">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about-us.html">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="contact-us.html">Contact</a>
</li>
</ul>
</div>
<div class="footer-item">
<div class="form-group mb-0">
<select>
<option selected>English</option>
<option>Spanish</option>
<option>French</option>
<option>Chinese</option>
</select>
</div>
</div>
</div>
<ul class="sigma_social-icons mt-4">
<li>
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</footer>
<!--Section End-->
<script src="assets/js/plugins/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/popper.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/jquery.instagramFeed.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/slick.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/imagesloaded.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/isotope.pkgd.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/jquery.counterup.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/jquery.inview.min.js" type="text/javascript"></script>
<script src="assets/js/plugins/ion.rangeSlider.min.js" type="text/javascript"></script>
<script src="assets/js/main.js" type="text/javascript"></script>
</body>
</html>
一站式 AI 云服务平台
更多推荐
8
0- 0
已为社区贡献3条内容
所有评论(0)