<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Monkey Digital</title>
<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
<!-- font awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
<!-- animate.css -->
<link rel="stylesheet" href="assets/animate/animate.css" />
<!-- gallery -->
<link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css">
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="assets/slidingheader/layout-simple.css" />
<link rel="stylesheet" href="assets/style.css">
</head>
<body id="home">
<div id="container">
<header class="intro">
<div class="intro__content">
<h1>Modex Creatives</h1>
<button class="trigger">
<svg width="100%" height="100%" viewBox="0 0 60 60" preserveAspectRatio="none">
<g class="icon icon--grid">
<rect x="32.5" y="5.5" width="22" height="22"/>
<rect x="4.5" y="5.5" width="22" height="22"/>
<rect x="32.5" y="33.5" width="22" height="22"/>
<rect x="4.5" y="33.5" width="22" height="22"/>
</g>
<g class="icon icon--cross">
<line x1="4.5" y1="55.5" x2="54.953" y2="5.046"/>
<line x1="54.953" y1="55.5" x2="4.5" y2="5.047"/>
</g>
</svg>
<span>View content</span>
</button>
</div><!-- /intro__content -->
</header><!-- /intro -->
<section class="items-wrap">
<div class="container">
<div class="spacer">
<div class="row">
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/1.jpg" alt="item01"/>
<div class="caption"><h3>Fashion Website</h3> <a href="images/portfolio/1.jpg" title="Fashion Website" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/2.jpg" alt="item01"/>
<div class="caption"><h3>Digial Agency</h3> <a href="images/portfolio/2.jpg" title="Digial Agency" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/3.jpg" alt="item01"/>
<div class="caption"><h3>Music</h3> <a href="images/portfolio/3.jpg" title="Music" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/5.jpg" alt="item01"/>
<div class="caption"><h3>Portfolio</h3> <a href="images/portfolio/5.jpg" title="Portfolio" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/4.jpg" alt="item01"/>
<div class="caption"><h3>Monkey</h3> <a href="images/portfolio/4.jpg" title="Monkey" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/6.jpg" alt="item01"/>
<div class="caption"><h3>Portfolio</h3> <a href="images/portfolio/6.jpg" title="Portfolio" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/7.jpg" alt="item01"/>
<div class="caption"><h3>Realestate</h3><a href="images/portfolio/7.jpg" title="Realestate" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/8.jpg" alt="item01"/>
<div class="caption"><h3>Hote Website</h3> <a href="images/portfolio/8.jpg" title="Hotel Gallery" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/1.jpg" alt="item01"/>
<div class="caption"><h3>Fashion</h3> <a href="images/portfolio/1.jpg" title="Fashion" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/4.jpg" alt="item01"/>
<div class="caption"><h3>Monkey</h3> <a href="images/portfolio/4.jpg" title="Monkey" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/5.jpg" alt="item01"/>
<div class="caption"><h3>Profile</h3><a href="images/portfolio/5.jpg" title="Profile" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
<div class="col-sm-4 fadeInUp wowload">
<div class="gallery-items">
<img class="img-responsive" src="images/portfolio/6.jpg" alt="item01"/>
<div class="caption"><h3>Portfolio</h3> <a href="images/portfolio/6.jpg" title="Portfolio" class="gallery-image btn btn-default" data-gallery>View Details</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><!-- /container -->
<div class="about">
<div class="overlay spacer text-center">
<div class="container">
<h2>Hellow! We are <b>Modex Creatives</b></h2>
<p>Creative digital agency for sleek and sophisticated solutions for mobile, websites and software designs, lead by passionate and uber progressive team that lives and breathes design. Creative digital agency for sleek and sophisticated solutions for mobile, websites and software designs.</p>
<div class="wowload fadeInUp social"><a href="#"><i class="fa fa-facebook fa-2x"></i></a> <a href="#"><i class="fa fa-instagram fa-2x"></i></a> <a href="#"><i class="fa fa-twitter fa-2x"></i></a> <a href="#"><i class="fa fa-flickr fa-2x"></i></a> </div>
</div>
</div>
</div>
<div class="text-center copyright">Powered by <a href="http://thebootstrapthemes.com">thebootstrapthemes.com</a></div>
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title">title</h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
</div>
<!-
作品展示&图片展示HTML源码-简洁图片列表展示-响应式网站模板-适配移动端.zip
版权申诉
81 浏览量
2024-03-26
09:51:02
上传
评论
收藏 1.77MB ZIP 举报
作品展示&图片展示HTML源码-简洁图片列表展示-响应式网站模板-适配移动端.zip （31个子文件） 
作品展示&图片展示HTML源码-简洁图片列表展示-响应式网站模板-适配移动端 html assets 
style.css 3KB respond respond.js 10KB mobile touchSwipe.min.js 11KB bootstrap js bootstrap.js 57KB css bootstrap.min.css 107KB bootstrap.css 120KB fonts 
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB gallery blueimp-gallery.min.css 7KB jquery.blueimp-gallery.min.js 31KB wow wow.min.js 7KB animate animate.css 57KB slidingheader layout-simple.css 3KB classie.js 2KB jquery.js 91KB script.js 2KB
index.html 8KB images portfolio 
2.jpg 76KB 6.jpg 127KB 1.jpg 124KB 5.jpg 102KB 8.jpg 62KB 3.jpg 102KB 7.jpg 110KB 4.jpg 64KB banner.jpg 529KB map.jpg 330KB bg.jpg 32KB
favicon.png 2KB资源评论
