<!--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>Conjoint a Corporate Category 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="Conjoint 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=Lato:100,300,400,700,900" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body>
<div class="sidenav text-center">
<div class="side_top">
<img src="images/about.jpg" alt="news image" class="img-fluid navimg">
<h1 class="top_hd mt-2"><a href="index.html">Conjoint</a></h1>
<p class="top_hdp mt-2">Fermentum lobortis non tristique ante proin sociis</p>
</div>
<!-- header -->
<header>
<div class="nav-top">
<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="#home" class="scroll">Home</a></li>
<li class="mt-sm-3"><a href="#about" class="scroll">About</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>
<!-- //header -->
</div>
<div class="main">
<div class="banner-text-w3ls" id="home">
<div class="container">
<div class="mx-auto text-center">
<h3>Nibh eleifend nulla nascetur pharetra
</h3>
<p class="banp mx-auto mt-3">Nulla pellentesque mi non laoreet eleifend. Integer porttitor mollisar lorem, at molestie arcu </p>
<a class="btn btn-primary mt-lg-5 mt-3 agile-link-bnr" href="#about" role="button">Learn More</a>
</div>
</div>
</div>
<!-- about -->
<section class="slide-wrapper" id="about">
<h2 class="w3_head mb-4">About Me </h2>
<h4 class="main_hd"> Fermentum lobortis non tristique ante proin sociis <br>accumsan lobortis auctor etiam.</h4>
<p class="iner mt-md-5"> Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam mus lacinia lobortis phasellus suscipit. Fermentum lobortis non tristique ante proin sociis accumsan lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia natoque aenean scelerisque.</p>
</section>
<!-- //about -->
<!-- services -->
<section class="services" id="services">
<div class="container">
<h3 class="w3_head mb-4 text-left"> Services</h3>
<p class="iner mt-md-5 text-left"> Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam mus lacinia lobortis.Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. </p>
<ul class="list-unstyled mt-5">
<li>
<div class="row">
<div class="col-2 ic-lft">
<span class="fa fa-code"></span>
</div>
<div class="col-10">
<h6>Fermentum adipiscing </h6>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2 ic-lft">
<span class="fa fa-cubes"></span>
</div>
<div class="col-10">
<h6>Fermentum lobortis </h6>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2 ic-lft">
<span class="fa fa-book"></span>
</div>
<div class="col-10">
<h6>Tristique ante </h6>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2 ic-lft">
<span class="fa fa-coffee"></span>
</div>
<div class="col-10">
<h6>Nascetur adipiscing</h6>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2 ic-lft">
<span class="fa fa-bolt"></span>
</div>
<div class="col-10">
<h6>Primis aliquam mus</h6>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-2 ic-lft">
<span class="fa fa-cog"></span>
</div>
<div class="col-10">
<h6>Lobortis phasellus</h6>
</div>
</div>
</li>
</ul>
</div>
</section>
<!-- //services -->
<!-- news -->
<div class="news" id="news">
<h3 class="w3_head mb-4 text-left"> News</h3>
<p class="iner mt-md-5 text-left"> Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam mus lacinia lobortis.Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. </p>
<div class="row news-grids-left mt-5">
<div class="col-lg-5 news_top">
<img src="images/g1.jpg" alt="news image" class="img-fluid">
</div>
<div class="col-lg-7 news_top1">
<h5>Nulla pellentesque</h5>
<p class="mt-3">Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
</div>
</div>
<div class="row news-grids-middle">
<div class="col-lg-5 news_top">
<img src="images/g2.jpg" alt="news image" class="img-fluid">
</div>
<div class="col-lg-7 news_top1">
<h5>Nulla pellentesque</h5>
<p class="mt-3">Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
</div>
</div>
<div class="row news-grids-right">
<div class="col-lg-5 news_top">
<img src="images/g3.jpg" alt="news image" class="img-fluid">
</div>
<div class="col-lg-7 news_top1">
<h5>Nulla pellentesque</h5>
<p class="mt-3">Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
</div>
</div>
</div>
<!-- //news -->
<!-- contact -->
<section class="wedo" id="contact">
<h3 class="w3_head mb-4 text-left"> Contact Me</h3>
<p class="iner mt-md-5 text-left"> Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam mus lacinia lobortis.Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. </p>
<div class="contact_grid_right mt-5 mx-auto text-left">
<form action="#" method="post">
<div class="row contact_top">
<div class="col-sm-6">
<input type="text" name="Name" placeholder="Name" required="">
</div>
<div class="col-sm-6">
<input type="email" name="Email" placeholder="Email" required="">
</div>
</div>
<input type="text" name="Name" placeholder="Name" required="">
<textarea name="Message" onfocus="this.value = ''
公司级网站源码-二列企业动态介绍响应式网页模板-支持适配移动端.zip
版权申诉
9 浏览量
2024-03-23
09:34:06
上传
评论
收藏 1.15MB ZIP 举报
公司级网站源码-二列企业动态介绍响应式网页模板-支持适配移动端.zip （15个子文件） 
公司级网站源码-二列企业动态介绍响应式网页模板-支持适配移动端 html css 
style.css 17KB bootstrap.css 174KB fontawesome-all.min.css 37KB
index.html 8KB images 
g3.jpg 55KB g2.jpg 32KB about.jpg 20KB banner1.jpg 623KB g1.jpg 33KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB资源评论
DTcode7
- 粉丝: 3839
- 资源: 4084
最新资源
- Picasso_v3.1 2.ipa
- chromedriver-mac-arm64.zip
- 蓝zapro.apk
- chromedriver-linux64.zip
- UCAS研一深度学习实验-MNIST手写数字识别python源码+详细注释(高分项目)
- 基于Python和PyTorch框架完成的一个手写数字识别实验源码(带MINIST手写数字数据集)+详细注释(高分项目)
- 基于Matlab在MNIST数据集上利用CNN完成手写体数字识别任务，并实现单层CNN反向传播算法+源代码+文档说明(高分项目)
- NVIDIA驱动、CUDA和Pytorch及其依赖
- 基于SVM多特征融合的微表情识别python源码+项目说明+详细注释(高分课程设计)
- html动态爱心代码一（附源码）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
