<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Nomad a Travel Category Bootstrap Responsive website Template | Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Nomad Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//meta tags ends here-->
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all">
<!-- //font-awesome icons -->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Raleway:400,500,600" rel="stylesheet">
</head>
<body>
<!-- //banner -->
<section class="w3l-banner">
<div class="nav-sec position-relative">
<ul id="menu">
<li>
<input id="check01" type="checkbox" name="menu"/>
<label class="menulist" for="check01"> </label>
<ul class="submenu">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#service" class="scroll">Services</a></li>
<li><a href="#news" class="scroll">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul>
</div>
<div class="container">
<div class="baner-text text-center">
<span class="fa fa-files-o mb-4 tp_bt"></span>
<h1 class="mx-auto">Integer porttitor mollisar lorem, at molestie arcu pulvinar ut.</h1>
<p class="mx-auto mt-4 pt-2">porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est</p>
<a class="btn btn-primary mt-lg-5 mt-3 agile-link-bnr scroll" href="#about" role="button">Learn More</a>
<div class="mt-5 btmarw">
<a class="scroll" href="#about" role="button"><span class="fa fa-long-arrow-down bt-ar"></span></a>
</div>
</div>
</div>
</section>
<!-- banner-bottom1 -->
<section class="banner-bottom py-5" id="about">
<div class="container py-lg-5">
<div class="banner-top row middle-grids">
<div class="col-lg-6 advantage-grid-info">
<div class="advantage_left">
<h3>Integer porttitor mollisar lorem, at molestie</h3>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.</p>
</div>
</div>
<div class="col-lg-6 advantage-grid-info1">
<div class="advantage_left2 text-center">
<img src="images/g6.jpg" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- //banner-bottom1 -->
<!-- services -->
<section class="slide-wrapper py-5" id="service">
<div class="container py-lg-5">
<div class="services">
<div class="row service_w3top">
<div class="col-lg-6 ser-lt text-center">
<ul>
<li><span class="fa fa-cog"></span></li>
<li><span class="fa fa-code"></span></li>
<li><span class="fa fa-copy"></span></li>
<li><span class="fa fa-cog"></span></li>
<li><span class="fa fa-code"></span></li>
<li><span class="fa fa-copy"></span></li>
</ul>
</div>
<div class="col-lg-6 ser-rgt">
<h3>Integer porttitor mollisar lorem, at molestie</h3>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.Nulla pellentesque mi non laoreet eleifend.</p>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.Nulla pellentesque mi non laoreet eleifend.</p>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.Nulla pellentesque mi non laoreet eleifend.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //services -->
<!-- news -->
<section class="news py-5" id="news">
<div class="container py-lg-5">
<h3>Integer porttitor mollisar </h3>
<p class="mt-4 text-center">Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.</p>
<div class="row news-grids py-lg-5 mt-3 text-center">
<div class="col-md-4 newsgrid1">
<img src="images/g8.jpg" alt="news image" class="img-fluid">
<h4 class="mt-4">Integer porttitor</h4>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. </p>
<a class="btn btn-primary mt-lg-4 mt-3 agile-link-bnr1" href="index.html" role="button">More</a>
</div>
<div class="col-md-4 mt-md-0 mt-5 newsgrid2">
<img src="images/g2.jpg" alt="news image" class="img-fluid">
<h4 class=" mt-4">Integer porttitor</h4>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut.</p>
<a class="btn btn-primary mt-lg-4 mt-3 agile-link-bnr1" href="index.html" role="button">More</a>
</div>
<div class="col-md-4 newsgrid3">
<img src="images/g3.jpg" alt="news image" class="img-fluid">
<h4 class=" mt-4">Integer porttitor</h4>
<p class="mt-4">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu pulvinar ut.</p>
<a class="btn btn-primary mt-lg-4 mt-3 agile-link-bnr1" href="index.html" role="button">More</a>
</div>
</div>
</div>
</section>
<!-- //news -->
<!-- footer -->
<section class="foot-top pt-lg-5">
<div class="container py-5">
<h2 class="text-white">Integer porttitor mollisar </h2>
<p class="mt-4 text-center text-white">Integer porttitor mollisar lorem, at molestie arcu pulvinar ut. Proin ac fermentum est.</p>
<div class="row inner-conent-w3ls mt-5">
<div class="col-md-6 inner-conent-lft">
<a href="index.html" class="banner-button2 btn">READ MORE </a>
</div>
<div class="col-md-6 inner-conent-rgt">
<a href="index.html" class="banner-button btn">LEARN MORE </a>
</div>
</div>
</div>
<ul class="social_section_1info text-center py-5">
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
</ul>
</section>
<div class="cpy-right text-center py-4 px-2">
<p class="text-white">© 2019 Nomad. All rights reserved | Design by
<a href="http://w3layouts.com" class="text-
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- python数据分析与可视化ppt
- 詹唐宁动静禅 高能养元 充电赋能心理催眠.mp4
- 张萌萌姐微创业全能训练营认证班名师讲座.mp4
- 模拟量滤波防抖PLC程序 1,能实现电流电压和热电阻模拟量信号的采集,有滤波,原理就是去掉最大值及最小值,在取平均值 2,采用for循环指令和间接寻址,让程序简单好用,可多次代参重复调用 有详细注释
- 基于V2G技术的电动汽车实时调度策略 关键词:电动汽车 实时调度 V2G 网损 参考文档:《基于V2G技术的电动汽车实时调度策略》基本复现 仿真平台:MATLAB YALMIP+CVX 主要内容:代码
- IMG_20250109_165603.jpg
- IMG_20250109_165544.jpg
- IMG_20250109_165528.jpg
- 基于小生境粒子群算法的配电网有功-无功协调优化 主要内容:代码主要做的是考虑光伏出力波动性的配电网有功无功协调优化,在调度模型中考虑了光伏并网的波动性,并考虑用储能对其进行平抑,配电网调度模型中含有的
- 基于VS2022 MFC实现的Modbus报文解析工具源码
- 内螺旋覆盖算法(ISC)matlab代码
- 最新地图数据格式转换器
- 中国制造2025与工业4.0的相关介绍,还有与国外工业形式的对比
- 2024年江苏省职业技能大赛:网络建设与运维竞赛样题详解
- 猫头虎分享计算2024年博客之星每日可拉票次数程序.html
- python模拟随机红包发放程序
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈