<!DOCTYPE html>
<html>
<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>Neaty HTML Web Template</title>
<!--
Neaty HTML Template
http://www.templatemo.com/tm-501-neaty
-->
<!-- load stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css"> <!-- Magnific pop up style, http://dimsemenov.com/plugins/magnific-popup/ -->
<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>
<div class="container">
<div class="row">
<div class="tm-left-right-container">
<!-- Left column: logo and menu -->
<div class="tm-blue-bg tm-left-column">
<div class="tm-logo-div text-xs-center">
<img src="img/tm-neaty-logo.png" alt="Logo">
<h1 class="tm-site-name">Neaty</h1>
</div>
<nav class="tm-main-nav">
<ul class="tm-main-nav-ul">
<li class="tm-nav-item">
<a href="#welcome" class="tm-nav-item-link">Welcome</a>
</li>
<li class="tm-nav-item">
<a href="#about" class="tm-nav-item-link">About Us</a>
</li>
<li class="tm-nav-item">
<a href="#galleryone" class="tm-nav-item-link">Gallery One</a>
</li>
<li class="tm-nav-item">
<a href="#secondgallery" class="tm-nav-item-link">Second Gallery</a>
</li>
<li class="tm-nav-item">
<a href="#thirdgallery" class="tm-nav-item-link">Third Gallery</a>
</li>
<li class="tm-nav-item">
<a href="#contact" class="tm-nav-item-link">Contact Us</a>
</li>
</ul>
</nav>
</div> <!-- Left column: logo and menu -->
<!-- Right column: content -->
<div class="tm-right-column">
<figure>
<img src="img/neaty-01.jpg" alt="Header image" class="img-fluid">
</figure>
<div class="tm-content-div">
<!-- Welcome section -->
<section id="welcome" class="tm-section">
<header>
<h2 class="tm-blue-text tm-welcome-title tm-margin-b-45">Welcome to Neaty Design</h2>
</header>
<p>Neaty is simple and clean design HTML CSS template for any kind of website. Feel free to use this layout. Please tell your friends about templatemo website. Thank you. Suspendisse imperdiet, felis eu hendrerit pretium, sapien mauris blandit arcu, et accumsan neque est ut erat. Vivamus eget tellus euismod, interdum nibh at, eleifend justo. Quisque placerat ante in ex tempor, ultrices bibendum nunc finibus. Etiam luctus nec eros vel pulvinar.</p>
</section>
<!-- About section -->
<section id="about" class="tm-section">
<div class="row">
<div class="col-lg-8 col-md-7 col-sm-12 col-xs-12 push-lg-4 push-md-5">
<header>
<h2 class="tm-blue-text tm-section-title tm-margin-b-45">About the team</h2>
</header>
<p>Sed turpis nunc, laoreet sit amet fermentum sed, euismod ac justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<p>Donec ut lectus semper, sollicitudin risus blandit, mattis felis. Nam non malesuada odio. Vestibulum vaius, arcu eget rutrum consequat, arcu lacus imperdiet arcu, id pulvinar arcu erat vel magna.</p>
<p>Ut commodo malesuada eros, quis consequat ante tincidunt ut. Suspendisse malesuada augue vitae nisi sollicitudin placerat.</p>
<a href="#" class="tm-button tm-button-wide">Read More</a>
</div>
<div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 pull-lg-8 pull-md-7 tm-about-img-container">
<img src="img/neaty-02.jpg" alt="Image" class="img-fluid">
</div>
</div>
</section>
<!-- Gallery One section -->
<section id="galleryone" class="tm-section">
<header><h2 class="tm-blue-text tm-section-title tm-margin-b-30">Gallery One</h2></header>
<div class="tm-gallery-container tm-gallery-1">
<div class="tm-img-container tm-img-container-1">
<a href="img/neaty-03.jpg"><img src="img/neaty-03.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/neaty-04.jpg"><img src="img/neaty-04.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/neaty-05.jpg"><img src="img/neaty-05.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/neaty-06.jpg"><img src="img/neaty-06.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
<div class="tm-img-container tm-img-container-1">
<a href="img/neaty-07.jpg"><img src="img/neaty-07.jpg" alt="Image" class="img-fluid tm-img-tn"></a>
</div>
</div
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
最新资源
- DirectiveError解决办法.md
- 肝脏及其肿瘤分割的 CT 数据集,已经切片成jpg数据,约2w张数据和mask
- 基于OpenCV和C的文档扫描仪++
- 2024年全球芯片设计行业市场发展现状和前景预测报告
- frida拦截微信小程序云托管API
- 手写流程图检测31-YOLO(v5至v8)、COCO、CreateML、Darknet、Paligemma、TFRecord数据集合集.rar
- Python编程一级基础练习(含答案)
- awewq1132323
- 2024年全球螺栓行业市场发展现状和前景预测报告
- 基于python flask实现某瓣数据可视化数据分析平台
- 手势检测7-YOLO(v5至v11)、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- 2024年全球电磁兼容材料行业市场发展现状和前景预测报告
- 中式汉堡市场调研报告:2023年市场规模约为1890亿元
- 2021年中国便民缴费产业报告.zip
- CentOS bridge 工具包 bridge-utils-1.6-1.33.x86-64.rpm
- 数据库应用技术考试方案-A卷-图书馆管理系统的数据库操作-可实现-有问题联系博主
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈