You are on page 1of 6

<!

DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7 "> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]><html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>

<!-- Basic Page Needs -->


<meta charset="utf-8">
<title>Be</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile Specific Metas -->


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1">

<!-- Favicons -->


<link rel="shortcut icon" href="content/art/images/favicon.ico">

<!-- FONTS -->


<link rel='stylesheet' href='http://fonts.googleapis.com/css?
family=Roboto:100,300,400,400italic,700'>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?
family=Quicksand:100,300,400,400italic,700'>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?
family=Patua+One:100,300,400,400italic,700'>

<!-- CSS -->


<link rel='stylesheet' href='css/global.css'>
<link rel='stylesheet' href='content/art/css/structure.css'>
<link rel='stylesheet' href='content/art/css/art.css'>
<link rel='stylesheet' href='content/art/css/custom.css'>

</head>

<body class="home page page-parent layout-full-width header-transparent minimalist-


header subheader-transparent header-menu-right sticky-white">
<!-- Main Theme Wrapper -->
<div id="Wrapper">
<!-- Header Wrapper -->
<div id="Header_wrapper">
<!-- Header -->
<header id="Header">

<!-- Header - Logo and Menu area -->


<div id="Top_bar">
<div class="container">
<div class="column one">
<div class="top_bar_left clearfix">
<!-- Logo-->
<div class="logo">
<h1><a id="logo" href="index-art.html"
title="BeArt - BeTheme"><img class="scale-with-grid"
src="content/art/images/art.png" alt="BeArt - BeTheme" /></a></h1>
</div>
<!-- Main menu-->
<div class="menu_wrapper">
<nav id="menu">
<ul id="menu-main-menu" class="menu">
<li class="current_page_item">
<a href="index-
art.html"><span>HOME</span></a>
</li>
<li>
<a href="content/art/nice-book-to-
read.html"><span>EXHIBITS</span></a>
</li>
<li>
<a
href="content/art/about.html"><span>ABOUT</span></a>
</li>
<li>
<a
href="content/art/process.html"><span>PROCESS</span></a>
</li>
<li>
<a href="content/art/exhibition-
2.html"><span>EXHIBITION</span></a>
</li>
</ul>
</nav>
<a class="responsive-menu-toggle" href="#"> <i
class="icon-menu"></i> </a>
</div>
<!-- Header Searchform area-->
<div class="search_wrapper">
<form method="get" action="#">
<i class="icon_search icon-search"></i><a
href="#" class="icon_close"><i class="icon-cancel"></i></a>
<input type="text" class="field" name="s"
placeholder="Enter your search" />
<input type="submit" class="submit
flv_disp_none" value="" />
</form>
</div>
</div>
<div class="top_bar_right">
<div class="top_bar_right_wrapper">
<a id="search_button" href="#"><i class="icon-
search"></i></a>
</div>
</div>
</div>
</div>
</div>
</header>
</div>
<!-- Main Content -->
<div id="Content">
<div class="content_wrapper clearfix">
<div class="sections_group">
<div class="entry-content">
<div class="section full-screen dark has-navi"
style="padding-top:0px; padding-bottom:0px; background-color:#92a59f">
<div class="section-nav prev">
<i class="icon-up-open"></i>
</div>
<div class="section-nav next">
<i class="icon-down-open"></i>
</div>
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<!-- One Second (1/2) Column -->
<div class="column one-second column_column">
<div class="column_attr ">
<div class="image_desc
image_desc_left">
<h2>Interesting poster</h2>
<p class="big">
Curabitur sit amet magna quam.
Praesent in libero vel turpis pellent esque ege stas sit amet vel nunc. Nunc
lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas
ullamcorper est vitae sem.
</p>
<a class="mfn-link mfn-link-8 "
href="content/art/interesting-poster.html" data-hover="See more"><span data-
hover="See more">See more</span></a>
</div>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column one-second column_image">
<div class="image_frame no_link scale-with-
grid no_border aligncenter">
<div class="image_wrapper"><img
class="scale-with-grid" src="content/art/images/home_art_slide_1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section full-screen dark has-navi"
style="padding-top:0px; padding-bottom:0px; background-color:#625d85">
<div class="section-nav prev">
<i class="icon-up-open"></i>
</div>
<div class="section-nav next">
<i class="icon-down-open"></i>
</div>
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<!-- One Second (1/2) Column -->
<div class="column one-second column_image">
<div class="image_frame no_link scale-with-
grid no_border aligncenter">
<div class="image_wrapper"><img
class="scale-with-grid" src="content/art/images/home_art_slide_4.png" alt="">
</div>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column one-second column_column">
<div class="column_attr ">
<div class="image_desc
image_desc_right">
<h2>Energy Can</h2>
<p class="big">
Curabitur sit amet magna quam.
Praesent in libero vel turpis pellent esque ege stas sit amet vel nunc. Nunc
lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas
ullamcorper est vitae sem.
</p>
<a class="mfn-link mfn-link-8 "
href="content/art/energy-can.html" data-hover="See more"><span data-hover="See
more">See more</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section full-screen dark has-navi"
style="padding-top:0px; padding-bottom:0px; background-color:#8c806e">
<div class="section-nav prev">
<i class="icon-up-open"></i>
</div>
<div class="section-nav next">
<i class="icon-down-open"></i>
</div>
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<!-- One Second (1/2) Column -->
<div class="column one-second column_column">
<div class="column_attr ">
<div class="image_desc
image_desc_left">
<h2>Nice book to read</h2>
<p class="big">
Curabitur sit amet magna quam.
Praesent in libero vel turpis pellent esque ege stas sit amet vel nunc. Nunc
lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas
ullamcorper est vitae sem.
</p>
<a class="mfn-link mfn-link-8 "
href="content/art/nice-book-to-read.html" data-hover="See more"><span data-
hover="See more">See more</span></a>
</div>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column one-second column_image">
<div class="image_frame no_link scale-with-
grid no_border aligncenter">
<div class="image_wrapper"><img
class="scale-with-grid" src="content/art/images/home_art_slide_2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section full-screen dark has-navi"
style="padding-top:0px; padding-bottom:0px; background-color:#7b6e66">
<div class="section-nav prev">
<i class="icon-up-open"></i>
</div>
<div class="section-nav next">
<i class="icon-down-open"></i>
</div>
<div class="section_wrapper clearfix">
<div class="items_group clearfix">
<!-- One Second (1/2) Column -->
<div class="column one-second column_image">
<div class="image_frame no_link scale-with-
grid no_border aligncenter">
<div class="image_wrapper"><img
class="scale-with-grid" src="content/art/images/home_art_slide_3.png" alt="">
</div>
</div>
</div>
<!-- One Second (1/2) Column -->
<div class="column one-second column_column">
<div class="column_attr ">
<div class="image_desc
image_desc_right">
<h2>Handmade shoes</h2>
<p class="big">
Curabitur sit amet magna quam.
Praesent in libero vel turpis pellent esque ege stas sit amet vel nunc. Nunc
lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas
ullamcorper est vitae sem.
</p>
<a class="mfn-link mfn-link-8 "
href="content/art/handmade-shoes.html" data-hover="See more"><span data-hover="See
more">See more</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section the_content">
<div class="section_wrapper">
<div class="the_content_wrapper"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<footer id="Footer" class="clearfix">
<div class="widgets_wrapper">
<div class="container">
<div class="one column">
<!-- Search form-->
<aside id="search-2" class="widget widget_search">
<form method="get" action="#">
<input type="text" class="field" name="s"
placeholder="Enter your search" />
<input type="submit" class="submit"
value="Search" />
</form>
</aside>
</div>
</div>
</div>
<!-- Footer copyright-->
<div class="footer_copy">
<div class="container">
<div class="column one">
<a id="back_to_top" href="#" class="button button_left
button_js"><span class="button_icon"><i class="icon-up-open-big"></i></span></a>
<div class="copyright">
&copy; 2017 BeArt - BeTheme. Muffin group - HTML by <a
target="_blank" rel="nofollow" href="http://bit.ly/1M6lijQ">BeantownThemes</a>
</div>
<div class="social">
<ul></ul>
</div>
</div>
</div>
</div>
</footer>
</div>

<!-- JS -->
<script src="js/jquery-2.1.4.min.js"></script>

<script src="js/mfn.menu.js"></script>
<script src="js/jquery.plugins.js"></script>
<script src="js/jquery.jplayer.min.js"></script>
<script src="js/animations/animations.js"></script>
<script src="js/scripts.js"></script>

</body>

</html>

You might also like