<!--
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="en">
<head>
<!-- meta tags -->
<!-- Title of the document -->
<title>Universe a landing Page Flat Bootstrap Responsive Web Template : W3layouts</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Universe 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" />
<!-- /meta tags -->
<!-- Owl Stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- /Owl Stylesheets -->
<!-- gallery css -->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<!-- font awesome css -->
<link href="css/fontawesome-all.css" type="text/css" rel="stylesheet" media="all" />
<!-- bootstrap css -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all" />
<!-- custom css -->
<link href="css/style.css" type="text/css" rel="stylesheet" media="all" />
<!-- Online google fonts -->
<link href="//fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&subset=cyrillic,latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- /Online google fonts -->
</head>
<body>
<!-- banner -->
<div class="banner">
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Universe</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="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item ml-xl-2">
<a class="nav-link scroll" href="#section2">About</a>
</li>
<li class="nav-item ml-xl-2">
<a class="nav-link scroll" href="#section1">Services</a>
</li>
<li class="nav-item dropdown ml-xl-2">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item scroll" href="#section5">Team</a>
<a class="dropdown-item scroll" href="#section6">News</a>
<a class="dropdown-item scroll" href="#section7">Testimonials</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="typography.html">Typography</a>
</div>
</li>
<li class="nav-item ml-xl-2">
<a class="nav-link scroll" href="#section3">Portfolio</a>
</li>
<li class="nav-item ml-xl-2">
<a class="nav-link scroll" href="#section8">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div id="container">
<div id="message">
</div>
</div>
</div>
<!-- /banner -->
<!-- services grids -->
<section class="w3layouts-wrapper text-center py-5" id="section1">
<div class="container py-lg-4">
<header>
<h3>Section Heading</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</header>
<div class="w3ls-wrapper-content">
<div class="row pt-lg-3">
<div class="agileits-s-grid col-lg-4 col-12 mt-5">
<i class="fab fa-buromobelexperte icon1"></i>
<h4 class="my-lg-4 my-sm-3 mt-3 mb-2">heading goes here</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout.</p>
</div>
<div class="agileits-s-grid col-lg-4 col-12 mt-sm-5 mt-5">
<i class="fas fa-code icon2"></i>
<h4 class="my-lg-4 my-sm-3 mt-3 mb-2">heading goes here</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout.</p>
</div>
<div class="agileits-s-grid col-lg-4 col-12 mt-5">
<i class="fab fa-angular icon3"></i>
<h4 class="my-lg-4 my-sm-3 mt-3 mb-2">heading goes here</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout.</p>
</div>
</div>
<div class="row pt-lg-3">
<div class="agileits-s-grid col-lg-4 col-12 mt-5">
<i class="fab fa-apple icon4"></i>
<h4 class="my-lg-4 my-sm-3 mt-3 mb-2">heading goes here</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout.</p>
</div>
<div class="agileits-s-grid col-lg-4 col-12 mt-5">
<i class="fas fa-at icon5"></i>
<h4 class="my-lg-4 my-sm-3 mt-3 mb-2">heading goes here</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout.</p>
</div>
<div class="agileits-s-grid col-lg-4 col-12 mt-5">
<i class="fab fa-autoprefixer icon6"></i>
<h4 class="my-lg-4 my-sm-3 mt-3 mb-2">heading goes here</h4>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its layout.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /services grids -->
<!-- about -->
<section class="w3-about" id="section2">
<div class="container-fluid">
<div class="row">
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-未知创意研发响应式网页模板-移动端可用.zip

共65个文件
jpg:22个
js:14个
css:6个

1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 31 浏览量
2024-03-22
10:50:03
上传
评论
收藏 2.99MB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论






























收起资源包目录











































































共 65 条
- 1
资源评论


DTcode7
- 粉丝: 4w+
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 现代企业物流管理信息化发展现状及创新研究.docx
- 区块链技术在国内外金融领域应用动态.docx
- 探索中职学校计算机教学中翻转课堂的实践应用.docx
- 全国计算机等级测验一级选择题(含答案).doc
- 高校网络管理体系与防护工作的优化设计方案与研究.doc
- 《软件工程基础》习题集-).doc
- 电气工程自动化发展中存在的问题及完善对策.docx
- 计算机通信与网络课程自主实践环节设计.docx
- 团购网站方案设计书与实现大学本科方案设计书大学本科方案设计书及其点评样稿实例模版.doc
- 浅析电气工程及其自动化的发展现状与展望.docx
- 面向对象软件工程方法学实践.docx
- 基于单片机的电子钟方案设计书02117.doc
- 经济学视角下网络色情蔓延的利益驱动分析.docx
- 大数据背景下高职Hadoop课程内容体系建设.docx
- 探析网络安全的重要性.docx
- rtmp推送aac音频流 Android将麦克风采集的数据推送到服务器(RTMPorRTSP) 采用AudioRecoder收集音频数据MediaCodeC编码AAC,推送到服务器
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
