<!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">
<title>Lumino - free Bootstrap 4.0 theme</title>
<!--
Lumino Theme
http://www.templatemo.com/tm-483-lumino
-->
<!-- load stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:100,300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css"> <!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css"> <!-- Magnific pop up style -->
<link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="top" class="home">
<div class="container-fluid">
<div class="row">
<div class="tm-navbar-container">
<!-- navbar -->
<nav class="navbar navbar-full navbar-fixed-top">
<button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
☰
</button>
<div class="collapse navbar-toggleable-sm" id="tmNavbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#top">Intro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tm-section-2">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tm-section-3">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tm-section-4">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link external" href="columns.html">Columns</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row">
<div class="tm-intro">
<section id="tm-section-1">
<div class="tm-container text-xs-center tm-section-1-inner">
<img src="img/tm-lumino-logo.png" alt="Logo" class="tm-logo">
<h1 class="tm-site-name">Lumino</h1>
<p class="tm-intro-text">Free Bootstrap 4.0 Website Template</p>
<a href="#tm-section-2" class="tm-intro-link">Begin</a>
</div>
</section>
</div>
</div>
<div class="row gray-bg">
<div id="tm-section-2" class="tm-section">
<div class="tm-container tm-container-wide">
<div class="tm-news-item">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-item-img-container">
<img src="img/tm-600x300-01.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container">
<h2 class="tm-news-title dark-gray-text">Nulla molestie euismod</h2>
<p class="tm-news-text">Lumino theme is a Bootstrap 4.0 mobile compatible layout for your website. Check "columns" page for one, two, three columns and tables.</p>
<a href="#" class="btn tm-light-blue-bordered-btn tm-news-link">Preview</a>
</div>
</div>
<div class="tm-news-item">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 flex-order-2 tm-news-item-img-container">
<img src="img/tm-600x300-02.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container flex-order-1">
<h2 class="tm-news-title dark-gray-text">Nulla molestie euismod</h2>
<p class="tm-news-text">You may download, modify and use this template as you wish. Lumino HTML5 template is a fully responsive mobile ready for any kind of website.</p>
<a href="#" class="btn tm-light-blue-bordered-btn tm-news-link">Detail</a>
</div>
</div>
<div class="tm-news-item">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-item-img-container">
<img src="img/tm-600x300-03.jpg" alt="Image" class="img-fluid tm-news-item-img">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tm-news-container">
<h2 class="tm-news-title dark-gray-text">Nulla molestie euismod</h2>
<p class="tm-news-text">Credit goes to <a rel="nofollow" href="http://unsplash.com" target="_parent">Unsplash</a> for images used in this website template. Nulla sit amet tristique lacus. Etiam blandit ex vitae mauris gravida.</p>
<a href="#" class="btn tm-light-blue-bordered-btn tm-news-link">Read</a>
</div>
</div>
</div>
</div>
</div> <!-- row -->
<div class="row">
<section id="tm-section-3" class="tm-section">
<div class="tm-container text-xs-center">
<h2 class="blue-text tm-title">Lorem ipsum dolor sit amet</h2>
<p class="margin-b-5">Etiam at rhoncus nisl. Nunc rutrum ac ante euismod cursus.</p>
<p>Suspendisse imperdiet feugiat massa nex iaculis.</p>
<div class="tm-img-grid">
<div class="tm-gallery-img-container">
<a href="img/tm-450x300-01.jpg" class="tm-gallery-img-link">
<img src="img/tm-450x300-01.jpg" alt="Image" class="img-fluid tm-gallery-img"> <!-- 300x200 -->
</a>
</div>
<div class="tm-gallery-img-container">
<a href
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
打造卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-企业信息展示响应式网页模板-移动端可用.zip (39个子文件)
HTML网站源码-企业信息展示响应式网页模板-移动端可用
html
columns.html 17KB
js
bootstrap.min.js 44KB
jquery.magnific-popup.min.js 20KB
jquery.singlePageNav.min.js 2KB
jquery-1.11.3.min.js 94KB
img
tm-600x300-01.jpg 32KB
tm-500x250-03.jpg 129KB
tm-450x300-05.jpg 59KB
tm-600x300-03.jpg 37KB
tm-1800x600-01.jpg 285KB
tm-450x300-03.jpg 40KB
tm-450x300-02.jpg 56KB
tm-450x300-08.jpg 124KB
tm-450x300-11.jpg 77KB
tm-450x300-12.jpg 75KB
tm-700x350-02.jpg 132KB
tm-500x250-01.jpg 72KB
tm-700x350-01.jpg 74KB
tm-450x300-07.jpg 91KB
tm-lumino-logo.png 2KB
tm-500x250-02.jpg 93KB
home-bg.jpg 81KB
tm-450x300-01.jpg 80KB
tm-450x300-04.jpg 47KB
tm-450x300-10.jpg 84KB
tm-600x300-02.jpg 41KB
tm-450x300-06.jpg 56KB
tm-450x300-09.jpg 31KB
css
bootstrap.min.css 93KB
magnific-popup.css 7KB
templatemo-style.css 10KB
font-awesome-4.5.0
css
font-awesome.min.css 27KB
fonts
FontAwesome.otf 107KB
fontawesome-webfont.eot 69KB
fontawesome-webfont.woff 82KB
fontawesome-webfont.woff2 65KB
fontawesome-webfont.svg 357KB
fontawesome-webfont.ttf 139KB
index.html 19KB
共 39 条
- 1
资源评论
DTcode7
- 粉丝: 7772
- 资源: 4581
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 5G RAN NR TDD单用户峰值吞吐率计算过程.pptx
- 基于Objective-C开发的手势密码解锁和面容解锁(代码简洁高效通俗易懂)+源码+开发文档+源码解析(毕业设计&课程设计)
- LangChain学习之 Question And Answer的操作附带数据文件
- linux常用命令大全.zip
- CATIA入门操作案例-正八边异形带孔凸台绘制,等距点绘制正多边形,凸台绘制
- 大型代码语言模型的项目级提示生成pdf
- 纸片战争The War of paper.sb3
- testedtestedtested
- 基于C语言+STM32开发的智能门锁优秀项目+包含指纹识别、人脸识别、RFID解锁、密码解锁、蓝牙解锁功能+源码+项目解析
- 目标检测-智能零售柜商品检测数据集-5000张图-+对应VOC-COCO-YOLO三种格式标签+数据集划分脚本
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功