<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="discrption" content="parallax one page" />
<meta name="keyword"
content="agency, business, corporate, creative, freelancer, interior, joomla template, K2 Blog, minimal, modern, multipurpose, personal, portfolio, responsive, simple" />
<!-- Title -->
<title>S-CAPE BOX </title>
<!-- Font Google -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700&display=swap" rel="stylesheet" />
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon" />
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon" />
<!-- custom styles (optional) -->
<link href="assets/css/plugins.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
</head>
<body class="hamburger-menu dsn-effect-scroll dsn-ajax" data-dsn-mousemove="true">
<div class="preloader">
<div class="preloader-after"></div>
<div class="preloader-before"></div>
<div class="preloader-block">
<div class="title">S-CAPE BOX</div>
<div class="percent">0</div>
<div class="loading">loading...</div>
</div>
<div class="preloader-bar">
<div class="preloader-progress"></div>
</div>
</div>
<!-- Nav Bar -->
<div class="dsn-nav-bar">
<div class="site-header">
<div class="extend-container">
<div class="inner-header">
<div class="main-logo">
<a href="index.html">
<img class="dark-logo" src="assets/img/logo-dark.png" alt="" />
<img class="light-logo" src="assets/img/logo.png" alt="" />
</a>
</div>
</div>
<nav class=" accent-menu main-navigation">
<ul class="extend-container">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="theme.html">Themes</a>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="advertisement.html">Advertisement</a>
</li>
<li>
<a href="../book">Book Now</a>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="header-top header-top-hamburger">
<div class="header-container">
<div class="logo main-logo">
<a href="index.html">
<img class="dark-logo" src="assets/img/logo-dark.png" alt="" />
<img class="light-logo" src="assets/img/logo.png" alt="" />
</a>
</div>
<div class="menu-icon" data-dsn="parallax" data-dsn-move="5">
<div class="icon-m">
<i class="menu-icon-close fas fa-times"></i>
<span class="menu-icon__line menu-icon__line-left"></span>
<span class="menu-icon__line"></span>
<span class="menu-icon__line menu-icon__line-right"></span>
</div>
<div class="text-menu">
<div class="text-button">Menu</div>
<div class="text-open">Open</div>
<div class="text-close">Close</div>
</div>
</div>
<div class="nav">
<div class="inner">
<div class="nav__content">
</div>
</div>
</div>
<div class="nav-content">
<div class="inner-content">
<address class="v-middle">
</address>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Nav Bar -->
<main class="main-root">
<div id="dsn-scrollbar">
<header>
<div class="container header-hero">
<div class="row">
<div class="col-lg-6">
<div class="contenet-hero">
<h1>Themes</h1>
</div>
</div>
</div>
</div>
</header>
<div class="wrapper">
<div class="root-work">
<div class="container ">
<div class="box-title" data-dsn-title="cover">
</div>
<div class="filterings">
<div class="projects-list gallery">
<div class="item brand">
<a href="egyption.html" class="effect-ajax" data-dsn-ajax="work"
data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project9/1.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4> Egyption Grounds</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
<div class="item brand">
<a href="burnt.html" class="effect-ajax" data-dsn-ajax="work"
data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project4/2.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4>Burnt Room</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
<div class="item photography">
<a href="dream.html" data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project3/1.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4>The Dreams</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
<div class="item photography">
<a href="bank_heist.html" data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project8/1.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4>The Bank Heist</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
<div class="item photography">
<a href="indian_intelligence.html" data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project7/1.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4>Indian Intelligence Academy</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
<div class="item photography">
<a href="dead_shot.html" data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project6/1.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4>Dead Shot</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
<div class="item brand">
<a href="breakout.html" data-dsn-grid="move-up">
<img class="has-top-bottom" src="assets/img/project/project1/1.jpg" alt="" />
<div class="item-border"></div>
<div class="item-info">
<h5 class="cat">S-CAPE BOX</h5>
<h4>Break Out</h4>
<span><span>Read More</span></span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="footer-links p-relative">
<div class="row">
<div class="col-md-3 dsn-col-footer">
<div class="footer-block">
<div class="footer-logo">
<a href="#"><img src="assets/img/logo.png" alt=""></a>
</div>
<div class="footer-social">
<ul>
<li><a href=" https://www.facebook.com/scapebox2016"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://www.instagram.com/scapebox"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://twitter.com/scapeboxpondy"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.tripadvisor.in/Attraction_Review-g659792-d12099409-Reviews-S_CAPE_BOX-Pondicherry_Union_Territory_of_Pondicherry.html"><i class="fab fa-tripadvisor"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 dsn-col-footer">
<div class="footer-block col-menu">
<h4 class="footer-title">Quick Links</h4>
<nav>
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a href="theme.html">Themes</a></li>
<li><a href="../book">Book Now</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact Us</a></li>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-md-3 dsn-col-footer">
<div class="footer-block col-contact">
<h4 class="footer-title">links</h4>
<ul>
<li><a href="policy.html">Privacy Policy</a>
</li>
<li><a href="terms.html">Terms & Condition</a></li>
<li><a href="cancel.html">Cancellation/Refund Policies</a></li>
</li>
</ul>
</div>
</div>
<div class="col-md-3 dsn-col-footer">
<div class="col-address">
<h4 class="footer-title">Contact</h4>
<p><strong>T</strong> <span>:</span> 082200 01991</p>
<p><strong>T</strong> <span>:</span> 082200 01993</p>
<br>
<p class="over-hidden"><a class="link-hover"
data-hover-text="info@dsngrid.com" href="#" style="font-size:10px;">scapeboxpondicherry@gmail.com</a>
</p><br>
<p>No. 50, Braminal Street<br>
Mudaliarpet<br>
Puducherry 605004.<br>
</p>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="text-center">
<p>© 2020 S-CAPE BOX</p>
<div class="copright-text over-hidden">Designed by <a href="http://techcellent.in/" target="_blank">TECHCELLENT SOLUTIONS</a>
</div>
</div>
</div>
</div>
</footer>
</div>
</main>
<!-- Wait Loader -->
<div class="wait-loader">
<div class="loader-inner">
<div class="loader-circle">
<div class="loader-layer"></div>
</div>
</div>
</div>
<!-- // Wait Loader -->
<!-- cursor -->
<div class="cursor">
<div class="cursor-helper cursor-view">
<span>VIEW</span>
</div>
<div class="cursor-helper cursor-close">
<span>Close</span>
</div>
<div class="cursor-helper cursor-link"></div>
</div>
<!-- End cursor -->
<!-- Optional JavaScript -->
<script src="assets/js/jquery-3.1.1.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/dsn-grid.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>