<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<link rel="icon" href="images/favicon.png" type="image/gif" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Tracork</title>
<!-- slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet"> <!-- range slider -->
<!-- font awesome style -->
<link href="css/font-awesome.min.css" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="header_top">
<div class="container-fluid">
<div class="top_nav_container">
<a class="navbar-brand d-none d-lg-flex" href="index.html">
<span>
Tracork
</span>
</a>
<div class="contact_nav">
<a href="">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call : +01 123455678990
</span>
</a>
<a href="">
<i class="fa fa-envelope" aria-hidden="true"></i>
<span>
Email : [email protected]
</span>
</a>
</div>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand d-lg-none" href="index.html">
<span>
Tracork
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link pl-lg-0" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"> About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="why.html">Why Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
<from class="search_form">
<input type="text" class="form-control" placeholder="Search here...">
<button class="" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</from>
</div>
</nav>
</div>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section ">
<div class="slider-bg">
<img src="images/slider-bg.jpg" alt="">
</div>
<div id="customCarousel1" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container ">
<div class="row">
<div class="col-lg-6">
<div class="detail-box">
<h1>
Computer problem? <br>
We will fix your computer
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste quam velit saepe dolorem deserunt quo quidem ad optio.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-lg-6">
<div class="detail-box">
<h1>
Computer problem? <br>
We will fix your computer
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste quam velit saepe dolorem deserunt quo quidem ad optio.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container ">
<div class="row">
<div class="col-lg-6">
<div class="detail-box">
<h1>
Computer problem? <br>
We will fix your computer
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste quam velit saepe dolorem deserunt quo quidem ad optio.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel_btn_box">
<a class="carousel-control-prev" href="#customCarousel1" role="button" data-slide="prev">
<i class="fa fa-angle-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#customCarousel1" role="button" data-slide="next">
<i class="fa fa-angle-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- service section -->
<section class="service_section layout_padding">
<div class="service_container">
<div class="container ">
<div class="heading_container heading_center">
<h2>
Our <span>Services</span>
</h2>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
</p>
</div>
<div class="row">
<div class="col-md-6 ">
<div class="box ">
<div class="img-box">
<img src="images/s1.png" alt="">
</div>
<div class="detail-box">
<h5>
Computer Repair
</h5>
<p>
fact that a reader will be distracted by the readable content of a page when looking at its layout.
The
point of usi
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-计算机维修技术支持响应式网页模板-响应式源码.zip
共34个文件
png:8个
css:5个
html:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 49 浏览量
2024-03-26
09:42:39
上传
评论
收藏 1.33MB ZIP 举报
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-计算机维修技术支持响应式网页模板-响应式源码.zip (34个子文件)
HTML网站源码-计算机维修技术支持响应式网页模板-响应式源码
html
js
bootstrap.js 134KB
ion.rangeSlider.min.js 40KB
custom.js 986B
jquery-3.4.1.min.js 86KB
why.html 9KB
service.html 11KB
css
style.css 16KB
style.css.map 14KB
responsive.css 1KB
bootstrap.css 188KB
font-awesome.min.css 30KB
ion.rangeSlider.min.css 11KB
style.scss 13KB
index.html 23KB
contact.html 9KB
about.html 9KB
images
about-img.jpg 220KB
s2.png 12KB
client-1.jpg 25KB
s4.png 16KB
w2.png 18KB
client-2.jpg 35KB
s3.png 15KB
slider-bg.jpg 260KB
w3.png 16KB
s1.png 17KB
w1.png 8KB
favicon.png 17KB
fonts
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.ttf 162KB
Helvetica
HelveticaLt.ttf 42KB
Helvetica.ttf 306KB
Helvetica-Bold.ttf 302KB
共 34 条
- 1
资源评论
DTcode7
- 粉丝: 4532
- 资源: 4093
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功