<!--Author: W3layouts
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>Cumulative Multipurpose Bootstrap Responsive website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="keywords" content="Cumulative Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<div class="sidenav">
<div class="side_top">
<img src="images/t3.jpg" alt="news image" class="img-fluid navimg">
<h1> Eu ac iaculis ac nunc nisi lorem <br>vulputate lorem neque cubilia ac in <br>adipiscing in curae</h1>
</div>
<!-- header -->
<header>
<div class="container-fluid px-lg-5 ">
<nav class="mnu mx-auto">
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop">
<ul class="menu">
<li class="active"><a href="index.html">Home</a></li>
<li class="mt-sm-3"><a href="#about" class="scroll">About</a></li>
<li class="mt-sm-3"><a href="#gallery" class="scroll">Gallery</a></li>
<li class="mt-sm-3"><a href="#services" class="scroll">Services</a></li>
<li class="mt-sm-3"><a href="#news" class="scroll">News</a></li>
<li class="mt-sm-3"><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class="main" id="about">
<div class="banner-text-w3ls">
<div class="container">
<div class="mx-auto text-left">
<h2>Eu ac iaculis ac nunc nisi lorem
<br>vulputate lorem neque cubilia ac in.</h2>
<p class="banp mt-5">Accumsan orci faucibus id eu lorem semper. Eu ac iaculis ac nunc nisi lorem vulputate lorem neque cubilia ac in adipiscing in curae lobortis tortor primis integer massa adipiscing id nisi accumsan pellentesque commodo blandit enim arcu non at amet id arcu magna. Accumsan orci faucibus id eu lorem semper nunc nisi lorem vulputate lorem neque cubilia.</p>
<a class="btn btn-primary mt-lg-5 mt-3 agile-link-bnr" href="#services" role="button">Learn More</a>
</div>
</div>
</div>
<!-- Gallery -->
<section class="gallery" id="gallery">
<div class="container py-lg-5">
<h3 class="w3_head mb-5">My Projects</h3>
<div class="row news-grids mt-lg-5 mt-4 text-center">
<div class="col-md-6 gal-img">
<a href="#gal1"><img src="images/g2.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-6 proj-1 gal-img">
<a href="#gal2"><img src="images/g3.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-6 mt-5 gal-img">
<a href="#gal3"><img src="images/g4.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-6 mt-5 gal-img">
<a href="#gal4"><img src="images/g5.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-6 mt-5 gal-img">
<a href="#gal5"><img src="images/g6.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-6 mt-5 gal-img">
<a href="#gal6"><img src="images/g7.jpg" alt="news image" class="img-fluid"></a>
</div>
</div>
</div>
<!-- popup-->
<div id="gal1" class="pop-overlay animate">
<div class="popup">
<img src="images/g2.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal2" class="pop-overlay animate">
<div class="popup">
<img src="images/g3.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal3" class="pop-overlay animate">
<div class="popup">
<img src="images/g4.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup3 -->
<!-- popup-->
<div id="gal4" class="pop-overlay animate">
<div class="popup">
<img src="images/g5.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal5" class="pop-overlay animate">
<div class="popup">
<img src="images/g6.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal6" class="pop-overlay animate">
<div class="popup">
<img src="images/g7.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
</section>
<!-- services -->
<section class="slide-wrapper" id="services">
<div class="services">
<h3 class="w3_head mb-5">Our Services</h3>
<div class="row service_w3top mt-5">
<div class="col-lg-6">
<div class="d-flex services-box">
<div class="icon">
<span class="fa fa-pencil"></span>
</div>
<!-- .Icon ends here -->
<div class="service-content">
<h4>Inagittis Lacg</h4>
公司级网站源码-二列简洁产品服务介绍响应式网页模板-支持适配移动端.zip
版权申诉
52 浏览量
2024-03-23
09:34:06
上传
评论
收藏 2.05MB ZIP 举报
公司级网站源码-二列简洁产品服务介绍响应式网页模板-支持适配移动端.zip （26个子文件） 
公司级网站源码-二列简洁产品服务介绍响应式网页模板-支持适配移动端 html css 
style.css 20KB bootstrap.css 174KB fontawesome-all.min.css 37KB
index.html 15KB images 
g3.jpg 38KB g2.jpg 50KB banner-1.jpg 963KB g8.jpg 32KB t3.jpg 24KB g7.jpg 55KB g6.jpg 107KB g11.jpg 40KB g12.jpg 31KB g10.jpg 44KB g5.jpg 36KB g4.jpg 26KB g1.jpg 32KB g9.jpg 37KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
DTcode7
- 粉丝: 4352
- 资源: 4093
最新资源
- Python 程序语言设计模式思路-行为型模式：策略模式：将算法封装成独立的类，并使它们可以互相替换及支付模式数据压缩
- main.py
- Last Loaded Test.DBK
- Screenshot_20240520_163011.jpg
- ubuntu-python3-whisper-tornado docker镜像 Dockerfile
- ubuntu-python3-whisper-tornado docker镜像07
- 新录音 8.m4a
- ubuntu-python3-whisper-tornado docker镜像
- ubuntu-python3-whisper-tornado docker镜像
- ubuntu-python3-whisper-tornado docker镜像09
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
