1.rar_简洁图片展示响应式手机网站模板

<!DOCTYPE HTML><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/splash/splash-icon.png"> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="images/splash/splash-icon-big.png"> <link rel="apple-touch-startup-image" href="images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" /> <link rel="apple-touch-startup-image" href="images/splash/splash-screen@2x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" /> <link rel="apple-touch-startup-image" href="images/splash/splash-screen-six.png" media="(device-width: 375px)"> <link rel="apple-touch-startup-image" href="images/splash/splash-screen-six-plus.png" media="(device-width: 414px)"> <link rel="apple-touch-startup-image" sizes="640x1096" href="images/splash/splash-screen@3x.png" /> <link rel="apple-touch-startup-image" sizes="1024x748" href="images/splash/splash-screen-ipad-landscape" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)" /> <link rel="apple-touch-startup-image" sizes="768x1004" href="images/splash/splash-screen-ipad-portrait.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)" /> <link rel="apple-touch-startup-image" sizes="1536x2008" href="images/splash/splash-screen-ipad-portrait-retina.png" media="(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"/> <link rel="apple-touch-startup-image" sizes="1496x2048" href="images/splash/splash-screen-ipad-landscape-retina.png" media="(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"/> <title>Epsilon Mobile Framework - Version 2.0</title> <link href="styles/style.css" rel="stylesheet" type="text/css"> <link href="styles/framework.css" rel="stylesheet" type="text/css"> <link href="styles/owl.theme.css" rel="stylesheet" type="text/css"> <link href="styles/swipebox.css" rel="stylesheet" type="text/css"> <link href="styles/font-awesome.css" rel="stylesheet" type="text/css"> <link href="styles/animate.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="scripts/jquery.js"></script> <script type="text/javascript" src="scripts/jqueryui.js"></script> <script type="text/javascript" src="scripts/framework.plugins.js"></script> <script type="text/javascript" src="scripts/custom.js"></script> </head> <body> <div id="preloader"> <div id="status"> <p class="center-text"> Loading the content... <em>Loading depends on your connection speed!</em> </p> </div> </div> <div class="all-elements"> <div class="snap-drawers">  <div class="snap-drawer snap-drawer-left"> <a href="index.html" rel='nofollow' onclick='return false;'><i class="fa fa-home"></i>Home</a> <a href="page-features.html" class="selected-item" rel='nofollow' onclick='return false;'><i class="fa fa-cog"></i>Features</a> <a href="page-media.html" rel='nofollow' onclick='return false;'><i class="fa fa-picture-o"></i>Media</a> <a href="page-blog.html" rel='nofollow' onclick='return false;'><i class="fa fa-pencil"></i>Blog</a> <a href="contact.html" rel='nofollow' onclick='return false;'><i class="fa fa-envelope-o"></i>Contact</a> <a href="#" rel='nofollow' onclick='return false;'><i class="fa fa-facebook"></i>Like Us</a> <a href="#" rel='nofollow' onclick='return false;'><i class="fa fa-twitter"></i>Follow Us</a> <a href="#" rel='nofollow' onclick='return false;'><i class="fa fa-google-plus"></i>Follow us</a> <a href="#" class="show-share-bottom" rel='nofollow' onclick='return false;'><i class="fa fa-retweet"></i>Share</a> <a href="#" class="sidebar-close" rel='nofollow' onclick='return false;'><i class="fa fa-times"></i>Close</a> </div> </div> <div class="header"> <a href="#" class="main-logo" rel='nofollow' onclick='return false;'></a> <a href="#" class="open-menu" rel='nofollow' onclick='return false;'><i class="fa fa-navicon"></i></a> <a href="#" class="open-call" rel='nofollow' onclick='return false;'><i class="fa fa-phone"></i></a> <a href="#" class="open-mail" rel='nofollow' onclick='return false;'><i class="fa fa-envelope-o"></i></a> <a href="page-features.html" class="open-back" rel='nofollow' onclick='return false;'><i class="fa fa-chevron-left"></i></a> </div> <a href="#" class="footer-ball" rel='nofollow' onclick='return false;'><i class="fa fa-navicon"></i></a>  <div id="content" class="snap-content"> <div class="header-clear"></div> <div class="content"> <a class="back-button" href="page-features.html" rel='nofollow' onclick='return false;'><i class="fa fa-chevron-left"></i> Back to Features</a> <div class="container no-bottom"> <h3>jQuery</h3> <p> Features that are vital to any template, easy to use and copy paste code. You can just copy and paste these features into boxes or into repsonsive boxes! </p> </div> <div class="decoration hide-if-responsive"></div> <div class="one-third-responsive">  <div class="container switch-box"> <h4>iOS Style 1</h4> <a href="#" class="switch switch-1 switch-1-on" rel='nofollow' onclick='return false;'> <em>I</em> <span></span> <em>0</em> </a> <em class="switch-box-subtitle"> Optional subtitle can be added here, this message automatically hides when the content is shown! </em> <div class="switch-box-content"> <p class="no-bottom"> Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device! </p> </div> </div> <div class="container switch-box"> <h4>iOS Style 2</h4> <a href="#" class="switch-icon switch-1 switch-1-on" rel='nofollow' onclick='return false;'> <em><i class="fa fa-times"></i></em> <span></span> <em><i class="fa fa-check"></i></em> </a> <em class="switch-box-subtitle"> Optional subtitle can be added here, this message automatically hides when the content is shown! </em> <div class="switch-box-content"> <p class="no-bottom"> Switches can be used as content toggles, where you can add almost every feature from the page inside of them. We also provided the styles, so if you want you can even convert these to checkboxes. By default, they function as content toggles! An extra style for your device! </p> </div> </div> <div class="container switch-box"> <h4>iOS Style 3</h4> <a href="#" class="switch switch-1 switch-1-on" rel='nofollow' onclick='return false;'> <span></span> </a> <em class="switch-box-subtitle"> Optional subtitle can be added here, this message automatically hides when the content is shown! </em> <div class="switch-box-content"> <p class="no-bottom"> Switches can be used as content toggles, where