<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>Caraft</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- owl carousel style -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!--header section start -->
<div class="header_section">
<div class="container">
<nav class="navbar navbar-dark bg-dark">
<a class="logo" href="index.html"><img src="images/logo.png"></a>
<div class="search_section">
<ul>
<li><a href="#">Log In</a></li>
<li><a href="#"><img src="images/shopping-bag.png"></a></li>
<li><a href="#"><img src="images/search-icon.png"></a></li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="category.html">Category</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="clients.html">Client</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<!--banner section start -->
<div class="banner_section layout_padding">
<div id="my_slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h4 class="banner_taital"><span class="font_size_90">50%</span> Discount Online Shop</h4>
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p>
<div class="book_bt"><a href="#">Shop Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
<div class="button_main"><button class="all_text">All</button><input type="text" class="Enter_text" placeholder="Enter keywords" name=""><button class="search_text">Search</button></div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h4 class="banner_taital"><span class="font_size_90">50%</span> Discount Online Shop</h4>
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p>
<div class="book_bt"><a href="#">Shop Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
<div class="button_main"><button class="all_text">All</button><input type="text" class="Enter_text" placeholder="Enter keywords" name=""><button class="search_text">Search</button></div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h4 class="banner_taital"><span class="font_size_90">50%</span> Discount Online Shop</h4>
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p>
<div class="book_bt"><a href="#">Shop Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
<div class="button_main"><button class="all_text">All</button><input type="text" class="Enter_text" placeholder="Enter keywords" name=""><button class="search_text">Search</button></div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
<i class=""><img src="images/left-icon.png"></i>
</a>
<a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
<i class=""><img src="images/right-icon.png"></i>
</a>
</div>
</div>
<!--banner section end -->
</div>
<!--header section end -->
<!--category section start -->
<div class="container">
<div class="category_section">
<div class="row">
<div class="col-lg-2 col-sm-12">
<h1 class="category_text">Category</h1>
</div>
<div class="col-lg-10 col-sm-12 main">
<div class="col">
<div

小徐博客
- 粉丝: 2040
- 资源: 5906
最新资源
- [AB PLC例程源码]皮带机程序.zip
- [AB PLC例程源码]示例程序(船用).zip
- [AB PLC例程源码]使用SFC来编写顺控程序.zip
- [AB PLC例程源码]上海飞奥做的天燃器末站PLC系统程序.zip
- [AB PLC例程源码]气压检漏机图纸程序.zip
- [AB PLC例程源码]示例程序2(船用).zip
- [AB PLC例程源码]水厂程序.zip
- [AB PLC例程源码]水厂程序(1).zip
- [AB PLC例程源码]小型压合机.zip
- [AB PLC例程源码]天津锦湖轮胎的设备程序.zip
- [AB PLC例程源码]污水厂的处理系统.zip
- [AB PLC例程源码]一个500伺服程序.zip
- [AB PLC例程源码]一个DNET的SLC500实例.zip
- [AB PLC例程源码]一个AB PID控制的例子.zip
- [AB PLC例程源码]一个PLC5实例.zip
- [AB PLC例程源码]一个RSEmulator5000的测试小程序.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈


