<!DOCTYPE html>
<html lang="en">
<head>
<title>Mission - Mission</title>
<meta charset="utf-8">
<meta name="description" content="Place your description here">
<meta name="keywords" content="put, your, keyword, here">
<meta name="author" content="Templates.com - website templates provider">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, #slogan, header nav ul li a, .icon img, .link1, .link1 span');
</script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page2" onLoad="new ElementMaxHeight();">
<div class="wrap">
<!-- header -->
<header>
<div class="container">
<h1><a href="index.html">Hope Center</a></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="mission.html">Our Mission</a></li>
<li><a href="news.html">News & Press</a></li>
<li><a href="work.html">Our Work</a></li>
<li><a href="seminars.html">Seminars</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
<ul class="top-links">
<li><a href="index.html"><img src="images/icon-home.gif"></a></li>
<li><a href="contacts.html"><img src="images/icon-mail.gif"></a></li>
<li class="last"><a href="#"><img src="images/icon-sitemap.gif"></a></li>
</ul>
<div id="slogan"></div>
</div>
</header>
<!-- content -->
<section id="content">
<div class="container">
<div class="inside">
<div class="wrapper indent">
<article class="col-1">
<h2>Our Mission & Services</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p>
<div class="wrapper">
<ul class="list col-1">
<li><a href="#">Veritatis et quasi architecto</a></li>
<li><a href="#">Beatae vitae dicta sunt explicabo</a></li>
<li><a href="#">Nemo enim ipsam voluptatem</a></li>
<li><a href="#">Quia voluptas sit aspernatur</a></li>
</ul>
<ul class="list col-2">
<li><a href="#">Et harum quidem rerum</a></li>
<li><a href="#">Facilis est et expedita distinctio</a></li>
<li><a href="#">Nam libero temporecum</a></li>
<li><a href="#">Soluta nobis est eligendi optio</a></li>
</ul>
</div>
<p>Sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora.</p>
</article>
<ul class="banners col-2">
<li><a href="#"><img src="images/banner1.jpg"></a></li>
<li><a href="#"><img src="images/banner2.jpg"></a></li>
</ul>
</div>
<h2>Recent Articles</h2>
<ul class="articles">
<li class="maxheight">
<div class="box maxheight">
<span class="icon"><img src="images/icon2.png"></span>
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3>About Template</h3>
<p>Sed ut perspiciatis ungomnis iste natus error sit volup tiatem <a href="#">accusantiu loremque</a> lautium, totam rem aperiam.</p>
<div class="wrapper">
<a href="#" class="link1"><span><span>Read More</span></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="maxheight">
<div class="box maxheight">
<span class="icon"><img src="images/icon3.png"></span>
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3>Donations</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium vo- luptatum deleniti.</p>
<div class="wrapper">
<a href="#" class="link1"><span><span>Read More</span></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="maxheight last">
<div class="box maxheight">
<span class="icon"><img src="images/icon4.png"></span>
<div class="border-right maxheight">
<div class="border-bot maxheight">
<div class="border-left maxheight">
<div class="left-top-corner maxheight">
<div class="right-top-corner maxheight">
<div class="right-bot-corner maxheight">
<div class="left-bot-corner maxheight">
<div class="inner">
<h3>Our Mission</h3>
<p>Temporibus autem quibusdam et aut officiis <a href="#">debitis aut rerum</a> necessitatibus saepe eveniet ut et voluptates.</p>
<div class="wrapper">
<a href="#" class="link1"><span><span>Read More</span></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- footer -->
<footer>
<div class="container">
<div class="left">
<div class="right">
<div class="inside">
© Copyright © 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">Cufon.now();</script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
希望工程Html5网站模板.zip
版权申诉
70 浏览量
2023-03-15
06:48:21
上传
评论
收藏 466KB ZIP 举报
GJZGRB
- 粉丝: 1443
- 资源: 6184
最新资源
- 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动态爱心代码一(附源码)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈