Watch 1 Star 3 Fork 3

画船听雨眠 / 雨落秋垣HTML

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
官网模版 spread retract

Clone or download
index.html 14.32 KB
Copy Edit Web IDE Raw Blame History
ceet authored 2019-11-14 14:35 . 提交https
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>雨落秋垣</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="apple-touch-icon" href="img/favicon.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300" rel="stylesheet" type="text/css">
<!--[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="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll" href="#page-top"><i class="fa fa-moon-o fa-rotate-90"></i> YLQY</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#page-top" class="page-scroll">首页</a>
</li>
<li>
<a href="#services" class="page-scroll">服务</a>
</li>
<li>
<a href="#about" class="page-scroll">关于我们</a>
</li>
<li>
<a href="#portfolio" class="page-scroll">项目案例</a>
</li>
<li>
<a href="#team" class="page-scroll">团队</a>
</li>
<li>
<a href="#contact" class="page-scroll">联系我们</a>
</li>
</ul>
</div>
</div>
</nav>
<header id="header">
<div class="intro text-center">
<div class="overlay">
<div class="container">
<div class="row">
<div class="intro-text">
<h1>Welcome to <span class="brand">YLQY</span></h1>
<p>文能挂机喷队友,武能越塔送人头。</p>
<a href="#services" class="btn btn-default btn-lg page-scroll">了解更多</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="services" class="text-center">
<div class="container">
<div class="col-md-8 col-md-offset-2 section-title">
<h2>服务</h2>
<p>如需了解请联系邮箱:ceet@vip.qq.com</p>
</div>
<div class="row">
<div class="col-xs-6 col-md-3"> <i class="fa fa-desktop"></i>
<h4>网站设计</h4>
<p>富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善。</p>
</div>
<div class="col-xs-6 col-md-3"> <i class="fa fa-gears"></i>
<h4>应用程序开发</h4>
<p>富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善。</p>
</div>
<div class="col-xs-6 col-md-3"> <i class="fa fa-rocket"></i>
<h4>网络加速</h4>
<p>富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善。</p>
</div>
<div class="col-xs-6 col-md-3"> <i class="fa fa-line-chart"></i>
<h4>趋势图</h4>
<p>富强,民主,文明,和谐,自由,平等,公正,法治,爱国,敬业,诚信,友善。</p>
</div>
</div>
</div>
</div>
<div id="about">
<div class="container">
<div class="col-md-8 col-md-offset-2 section-title text-center">
<h2>关于我们</h2>
<p>明确坚持和发展中国特色社会主义,总任务是实现社会主义现代化和中华民族伟大复兴,在全面建成小康社会的基础上,分两步走在本世纪中叶建成富强民主文明和谐美丽的社会主义现代化强国。</p>
</div>
<div class="row">
<div class="col-xs-12 col-md-6"> <img src="img/about.jpg" class="img-responsive" alt="" style="border-radius: 10px;"> </div>
<div class="col-xs-12 col-md-6">
<div class="about-text">
<h4>富强,民主,文明,和谐</h4>
<p>明确新时代我国社会主要矛盾是人民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾,必须坚持以人民为中心的发展思想,不断促进人的全面发展、全体人民共同富裕。</p>
<h4>自由,平等,公正,法治</h4>
<p>明确中国特色社会主义事业总体布局是“五位一体”、战略布局是“四个全面”,强调坚定道路自信、理论自信、制度自信、文化自信。</p>
<h4>爱国,敬业,诚信,友善</h4>
<p>明确全面深化改革总目标是完善和发展中国特色社会主义制度、推进国家治理体系和治理能力现代化。</p>
</div>
</div>
</div>
</div>
</div>
<div id="portfolio">
<div class="container">
<div class="col-md-8 col-md-offset-2 section-title text-center">
<h2>项目案例</h2>
<p>明确中国特色社会主义最本质的特征是中国共产党领导,中国特色社会主义制度的最大优势是中国共产党领导,党是最高政治领导力量,提出新时代党的建设总要求,突出政治建设在党的建设中的重要地位。</p>
</div>
<div class="categories">
<ul class="cat">
<li>
<ol class="type">
<li>
<a href="#" data-filter="*" class="active">全部</a>
</li>
<li>
<a href="#" data-filter=".web">网页设计</a>
</li>
<li>
<a href="#" data-filter=".app">应用程序开发</a>
</li>
<li>
<a href="#" data-filter=".branding">其他</a>
</li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding app">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="img/portfolio/a1.jpg" title="YLQY" rel="prettyPhoto">
<div class="hover-text">
<h4>YLQY</h4>
<small>CEO</small> </div>
<img src="img/portfolio/a2.jpg" class="img-responsive" alt="雨落秋垣">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="team" class="text-center">
<div class="container">
<div class="col-md-8 col-md-offset-2 section-title">
<h2>我们的团队</h2>
<p>以服务人民为荣,以崇尚科学为荣,以辛勤劳动为荣,以团结互助为荣,以诚实守信为荣,以遵纪守法为荣。</p>
</div>
<div id="row">
<div class="col-md-3 col-sm-6 team">
<div class="thumbnail"> <img src="img/team/my.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>YLQY</h3>
<p>CEO</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 team">
<div class="thumbnail"> <img src="img/team/my.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>YLQY</h3>
<p>CTO</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 team">
<div class="thumbnail"> <img src="img/team/my.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>YLQY</h3>
<p>COO</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 team">
<div class="thumbnail"> <img src="img/team/my.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>YLQY</h3>
<p>UFO</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="text-center">
<div class="overlay">
<div class="container">
<div class="col-md-8 col-md-offset-2 section-title">
<h2>联系我们</h2>
<p>以热爱祖国为荣,以危害祖国为耻。以服务人民为荣,以背离人民为耻。以崇尚科学为荣,以愚昧无知为耻。以辛勤劳动为荣,以好逸恶劳为耻。以团结互助为荣,以损人利己为耻。以诚实守信为荣,以见利忘义为耻。以遵纪守法为荣,以违法乱纪为耻。以艰苦奋斗为荣,以骄奢淫逸为耻。</p>
</div>
<div class="col-md-8 col-md-offset-2">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" id="name" class="form-control" placeholder="姓名" required="required" maxlength="20">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" id="email" class="form-control" placeholder="邮件" required="required" maxlength="50">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<div class="form-group">
<textarea name="message" id="message" class="form-control" rows="4" placeholder="您要说的话..." required maxlength="200"></textarea>
<p class="help-block text-danger"></p>
</div>
<div id="success"></div>
<button type="submit" class="btn btn-default">提交给我</button>
</form>
<div class="social">
<ul>
<li>
<a href="https://aiylqy.com"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a href="https://aiylqy.com"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="https://aiylqy.com"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="https://aiylqy.com"><i class="fa fa-github"></i></a>
</li>
<li>
<a href="https://aiylqy.com"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="https://aiylqy.com"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container text-center">
<div class="fnav">
<p>Copyright &copy; 2018 - 2019
<a target="_blank" href="https://aiylqy.com">雨落秋垣</a>
</p>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/contact_me.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>

Comment ( 0 )

Sign in for post a comment

HTML
1
https://gitee.com/ceet2016/ylqy.git
git@gitee.com:ceet2016/ylqy.git
ceet2016
ylqy
雨落秋垣
master

Help Search