conversion of template (Page 1) — Themes

1 Topic by -_- 2014-01-06 17:40:19

-_-
Banned
Offline

Posts: 15
Reputation : [ 1 | 0 ]

Topic: conversion of template

hello to all,
How can I convert a html template in monstra cms?
can someone help me;
I have all html files https://www.dropbox.com/s/mux68xejszz88 … e-html.zip
tnx!

PS: I apologize for my bad English

2 Reply by -_- 2014-01-07 15:05:59

-_-
Banned
Offline

Posts: 15
Reputation : [ 1 | 0 ]

Re: conversion of template

This code is html template

<!DOCTYPE html>
<html lang="en"><head>
  <meta charset="utf-8">
  <title>Plixis | Designed By Theme Armada</title>
  <meta name="keywords" content="flat bootstrap, bootstrap themes, HTML themes, CSS3 animation, creative responsive websites, illustration bootstrap design, blue responsive themes, mobile menu website, slide bootstrap navigation, apple inspired theme, mobile website theme">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
  <meta property="og:title" content="">
  <meta property="og:type" content="website">
  <meta property="og:url" content="">
  <meta property="og:site_name" content="">
  <meta property="og:description" content="">
  <!-- Styles -->
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/owl.carousel.css">
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/colors/red.css">
  <link rel="stylesheet" href="css/custom-styles.css">
  <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
      <nav>
        <ul class="list-unstyled main-menu">
          <!--Include your navigation here-->
          <li class="text-right"><a href="#" id="nav-close">X</a></li>
          <li><a href="about.html">About <span class="icon"></span></a></li>
          <li><a href="features.html">Features <span class="icon"></span></a></li>
          <li><a href="services.html">Services <span class="icon"></span></a></li>
          <li><a href="portfolio.html">Portfolio <span class="icon"></span></a></li>
          <li><a href="#">Pages</a>
            <ul class="list-unstyled">
                <li class="sub-nav"><a href="blog-item.html">Blog Article <span class="icon"></span></a></li>
                <li class="sub-nav"><a href="blog-sidebar.html">Blog Sidebar <span class="icon"></span></a></li>
                <li class="sub-nav"><a href="team.html">Team <span class="icon"></span></a></li>
                <li class="sub-nav"><a href="pricing.html">Pricing Charts <span class="icon"></span></a></li>
                <li class="sub-nav"><a href="portfolio-item.html">Portfolio Item <span class="icon"></span></a></li>
                <li class="sub-nav"><a href="login.html">Log In <span class="icon"></span></a></li>
                <li class="sub-nav"><a href="signup.html">Sign Up <span class="icon"></span></a></li>
            </ul>
          </li>
          <li><a href="blog.html">Blog <span class="icon"></span></a></li>
          <li><a href="contact.php">Contact <span class="icon"></span></a></li>
        </ul>
      </nav>
    <div class="navbar navbar-inverse navbar-fixed-top">      
        <!--Include your brand here-->
        <a class="navbar-brand" href="index.html"><img src="img/logo.png" class="img-responsive" alt="Logo"></a>
        <div class="navbar-header pull-right">
          <a id="nav-expander" class="nav-expander fixed">
            MENU  <i class="fa fa-bars fa-lg white"></i>
          </a>
        </div>
    </div>
    <!--Header-->
    <section id="header">
      <div class="container">
        <div class="row header-info margin-20">
          <div class="col-sm-6 col-sm-offset-3 text-center animated fadeIn">
            <h1>Plixis</h1>
            <hr>
            <h3 class="white">A flat, sleek multipurpose theme built to show off any type of business.</h3>
          </div>
        </div>
        <div class="row animated fadeInUpBig">
          <div class="col-sm-6 col-sm-offset-3 text-center">
          <a href="#" class="btn btn-primary btn-lg">Learn More</a>
          </div>
        </div>
      </div>
    </section>
    <!--Main-->
    <section id="main" class="white-bg">
      <div class="container">
        <div class="row text-center">
          <!--Section-->
          <a class="col-link" href="#">
          <div class="col-sm-4 margin-30 animated fadeIn delay1">
            <i class="fa fa-compress fa-4x home-icons"></i>
            <h3>Built Responsive</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in eros metus. Pellentesque sodales lacinia diam, a iaculis lacus faucibus ac. </p> 
          </div>
          </a>
          <!--Section-->
          <a class="col-link" href="#">
          <div class="col-sm-4 margin-30 animated fadeIn delay2">
            <i class="fa fa-code fa-4x home-icons"></i>
            <h3>Clean Code</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in eros metus. Pellentesque sodales lacinia diam, a iaculis lacus faucibus ac. </p> 
          </div>
          </a>
          <!--Section-->
          <a class="col-link" href="#">          
          <div class="col-sm-4 margin-30 animated fadeIn delay3">
            <i class="fa fa-gear fa-4x home-icons"></i>
            <h3>Unlimited Support</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in eros metus. Pellentesque sodales lacinia diam, a iaculis lacus faucibus ac. </p>
          </div>
          </a>
        </div>
      </div>
    </section>
    <!--Latest Work-->
    <section id="latest-work" class="gray-bg">
      <div class="container">
        <div class="row margin-30">
          <div class="col-sm-12 text-center">
            <h2>Latest Work</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-12">
            <div id="work-carousel" class="owl-carousel">
              <!--Project-->
              <div class="thumbs">
                <img src="img/portfolio1.jpg" class="img-responsive" alt="Image Title">
                            <a href="portfolio-item.html">
                                <span class="title">
                                    <span>Project Title<br />
                                    <i class="fa fa-minus white"></i>
                                    <span class="project-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
                                    </span>
                                </span>    
                            </a>
              </div>
              <!--Project-->
              <div class="thumbs">
                <img src="img/portfolio2.jpg" class="img-responsive" alt="Image Title">
                            <a href="portfolio-item.html">
                                <span class="title">
                                    <span>Project Title<br />
                                    <i class="fa fa-minus white"></i>
                                    <span class="project-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
                                    </span>
                                </span>    
                            </a>
              </div>
              <!--Project-->
              <div class="thumbs">
                <img src="img/portfolio3.jpg" class="img-responsive" alt="Image Title">
                            <a href="portfolio-item.html">
                                <span class="title">
                                    <span>Project Title<br />
                                    <i class="fa fa-minus white"></i>
                                    <span class="project-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
                                    </span>
                                </span>    
                            </a>
              </div>
              <!--Project-->
              <div class="thumbs">
                <img src="img/portfolio4.jpg" class="img-responsive" alt="Image Title">
                            <a href="portfolio-item.html">
                                <span class="title">
                                    <span>Project Title<br />
                                    <i class="fa fa-minus white"></i>
                                    <span class="project-info">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
                                    </span>
                                </span>    
                            </a>
              </div>
            </div>
          </div><!--End Col 12-->
        </div><!--End Row-->
      </div>
    </section>
    <!--Latest News-->
    <section id="latest-news" class="dark-bg">
      <div class="container">
        <div class="row margin-30">
          <div class="col-sm-12">
            <h2>Latest News</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <div class="row">
              <!--News Item-->
              <div class="col-sm-6">
                <a class="news-link" href="#">
                <div class="news-box">
                  <h4>Latest news title will go here</h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
                  <span class="icon"></span>
                </div>
                </a>
              </div>
              <!--News Item-->
              <div class="col-sm-6">
                <a class="news-link" href="#">
                <div class="news-box">
                  <h4>Latest news title will go here</h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
                  <span class="icon"></span>
                </div>
                </a>
              </div>
            </div><!--End Nested Row-->
          </div><!--End Col-->
          <div class="col-md-6">
            <div class="row">
              <!--News Item-->
              <div class="col-sm-6">
                <a class="news-link" href="#">
                <div class="news-box">
                  <h4>Latest news title will go here</h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
                  <span class="icon"></span>
                </div>
                </a>
              </div>
              <!--News Item-->
              <div class="col-sm-6">
                <a class="news-link" href="#">
                <div class="news-box">
                  <h4>Latest news title will go here</h4>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
                  <span class="icon"></span>
                </div>
                </a>
              </div>
            </div><!--End Nested Row-->
          </div><!--End Col-->
        </div><!--End Row-->
      </div>
    </section>
    <!--Testimonials-->
    <section id="testimonials" class="white-bg">
      <div class="container">
        <div class="row margin-30">
          <div class="col-sm-12 text-center">
            <h2>Kind Words</h2>
          </div>
        </div>
        <div class="row">
          <div id="kind-words" class="carousel slide">
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
              <div class="item active"><!-- class of active since it's the first item -->
                <div class="row margin-30">
                  <div class="col-sm-8 col-sm-offset-2">
                    <div class="row margin-30">
                      <div class="col-sm-3 text-center">
                        <img class="img-circle img-responsive" src="img/testimonial.png" alt="Title">
                        <h5>Jen,</h5>
                        <small title="Source Title"><em>Title | <a href="#" class="more">Company Name</a></em></small>
                      </div>
                      <div class="col-sm-9 text-center">
                        <h3>“We are amazed at the quality”</h3>
                        <hr />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div><!--End Item-->
              <div class="item">
                <div class="row margin-30">
                  <div class="col-sm-8 col-sm-offset-2">
                    <div class="row margin-30">
                      <div class="col-sm-3 text-center">
                        <img class="img-circle img-responsive" src="img/testimonial2.png" alt="Title">
                        <h5>Ron,</h5>
                        <small title="Source Title"><em>Title | <a href="#" class="more">Company Name</a></em></small>
                      </div>
                      <div class="col-sm-9 text-center">
                        <h3>“Really good looking themes & great support!”</h3>
                        <hr />
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div><!--End Item-->
              <div class="item"><!-- Embedd your tweets below -->
                <div class="row margin-30">
                  <div class="col-sm-10 col-sm-offset-1">
                    <div class="row margin-30">
                      <div class="col-sm-4">
                        <blockquote class="twitter-tweet"><a href="https://twitter.com/themearmada/statuses/342791924169711617"></a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                      </div>
                      <div class="col-sm-4">
                        <blockquote class="twitter-tweet"><a href="https://twitter.com/themearmada/statuses/353140315336622082"></a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                      </div>
                      <div class="col-sm-4">
                        <blockquote class="twitter-tweet"><a href="https://twitter.com/themearmada/statuses/359429090140782592"></a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                      </div>
                    </div>
                  </div>
                </div>
              </div><!--End Item-->
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#kind-words" data-slide="prev">
              <span class="icon-prev"></span>
            </a>
            <a class="right carousel-control" href="#kind-words" data-slide="next">
              <span class="icon-next"></span>
            </a>
          </div>
        </div><!--End Row-->
      </div>
    </section>
    <!--Featured Clients-->
    <section id="featured-clients" class="gray-bg">
      <div class="container">
        <div class="row">
          <div class="col-sm-2">
            <h2>Clients</h2>
          </div>
          <!--Client-->
          <div class="col-sm-2">
            <a href="#" class="clients"><img src="http://www.placehold.it/200x120" class="img-responsive" alt="Title"></a>
          </div>
          <!--Client-->
          <div class="col-sm-2">
            <a href="#" class="clients"><img src="http://www.placehold.it/200x120" class="img-responsive" alt="Title"></a>
          </div>
          <!--Client-->
          <div class="col-sm-2">
            <a href="#" class="clients"><img src="http://www.placehold.it/200x120" class="img-responsive" alt="Title"></a>
          </div>
          <!--Client-->
          <div class="col-sm-2">
            <a href="#" class="clients"><img src="http://www.placehold.it/200x120" class="img-responsive" alt="Title"></a>
          </div>
          <!--Client-->
          <div class="col-sm-2">
            <a href="#" class="clients"><img src="http://www.placehold.it/200x120" class="img-responsive" alt="Title"></a>
          </div>
        </div>
      </div>
    </section>
    <!--Bottom-->
    <section id="bottom">
      <div class="container">
        <div class="row">
          <!--Section 1-->
          <div class="col-sm-3 margin-40">
            <h3>About Plixis</h3>
            <div class="gray-box">
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat laboris.</p>
              <a class="more" href="#">More</a>
            </div>
          </div>
          <!--Section 2-->
          <div class="col-sm-3 margin-40">
            <h3>Email Sign Up</h3>
            <form class="form-inline" role="form" id="email-signup">
              <div class="form-group">
                <input type="email" class="form-control" id="inputEmail" placeholder="Enter email">
              </div>
              <button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-chevron-right fa-lg"></i></button>
            </form>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
          </div>
          <!--Section 3-->
          <div class="col-sm-3 margin-40">
            <h3>Quick Links</h3>
            <ul class="list-unstyled bottom-links">
              <li><a href="http://www.">Theme Armada</a></li>
              <li><a href="http:///user/themearmada">Wrap Bootstrap Profile</a></li>
              <li><a href="#">Other Link Here</a></li>
              <li><a href="#">Other Link Here</a></li>
            </ul>
          </div>
          <!--Section 4-->
          <div class="col-sm-3 margin-40">
            <h3>Contact</h3>
            <div class="gray-box">
              <p><i class="fa fa-phone fa-lg"></i> 800.555.5555</p>
            </div>
            <div class="color-box">
              <p><a href="mailto:support@"><i class="fa fa-envelope-o fa-lg"></i> support@</a></p>
            </div>
            <ul class="list-inline social-icons">
              <li><a href="http://www.twitter.com/themearmada"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#"><i class="fa fa-github"></i></a></li>
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#"><i class="fa fa-github"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <!--Footer-->
    <section id="footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-6">
            <p class="copyright">Copyright @ Theme Armada. All rights reserved.</p>
          </div>
        </div>
      </div>
    </section>
    <!-- Javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.navgoco.js"></script>
    <script src="js/jquery.backstretch.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/main.js"></script>
    <script>
    //Backstretch
    $(document).ready(function() {   
    $.backstretch([
          "img/header1.jpg",
          "img/header2.jpg"
          ], {
            fade: 400,
            duration: 5000
        });
    });
    </script>
    <script>
    //Home Work Carousel
        var owl = $("#work-carousel");
        owl.owlCarousel({
      items : 2, //10 items above 1000px browser width
      itemsDesktop : [1000,2], //5 items between 1000px and 901px
      itemsDesktopSmall : [900,2], // betweem 900px and 601px
      itemsTablet: [600,1], //2 items between 600 and 0
      itemsMobile : [0,1], // itemsMobile disabled - inherit from itemsTablet option
      navigation : false,
      pagination : true,
      autoHeight : true
      });
    </script>
    </body>
</html>

header.chunk.php

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title><?php echo Site::name() . ' - ' . Site::title(); ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">       
<meta name="description" content="<?php echo Site::description(); ?>">
<meta name="keywords" content="<?php echo Site::keywords(); ?>">
<meta name="robots" content="<?php echo Page::robots(); ?>">
  <meta property="og:title" content="">
  <meta property="og:type" content="website">
  <meta property="og:url" content="">
  <meta property="og:site_name" content="">
  <meta property="og:description" content="">
  <!-- Styles -->
<?php Stylesheet::add('public/themes/theme/css/font-awesome.min.css', 'frontend', 1); ?>
<?php Stylesheet::add('public/themes/theme/css/animate.css', 'frontend', 2); ?>
<?php Stylesheet::add('public/themes/theme/css/owl.carousel.css', 'frontend', 3); ?>
<?php Stylesheet::add('public/themes/theme/css/bootstrap.min.css', 'frontend', 4); ?>
<?php Stylesheet::add('public/themes/theme/css/main.css', 'frontend', 5); ?>
<?php Stylesheet::add('public/themes/theme/css/colors/red.css', 'frontend', 6); ?>
<?php Stylesheet::add('public/themes/theme/css/custom-styles.css', 'frontend', 7); ?>
<?php Stylesheet::load(); ?>
<?php Action::run('theme_header'); ?>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700' rel='stylesheet' type='text/css'>
  <script src="<?php echo Site::url(); ?>public/themes/theme/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo Site::url(); ?>public/themes/theme/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo Site::url(); ?>public/themes/theme/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo Site::url(); ?>public/themes/theme/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="<?php echo Site::url(); ?>public/themes/theme/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="<?php echo Site::url(); ?>public/themes/theme/favicon.ico">
</head>
<body>
      <nav>
        <ul class="list-unstyled main-menu">
          <!--Include your navigation here-->
          <li class="text-right"><a href="#" id="nav-close">X</a></li>
            <?php echo Menu::get(); ?>
        </ul>
      </nav>
    <div class="navbar navbar-inverse navbar-fixed-top">      
        <!--Include your brand here-->
        <a class="navbar-brand" href="<?php echo Site::url(); ?>"><img src="<?php echo Site::url(); ?>public/themes/themeimg/logo.png" class="img-responsive" alt="Logo"></a>
        <div class="navbar-header pull-right">
          <a id="nav-expander" class="nav-expander fixed">
            MENU  <i class="fa fa-bars fa-lg white"></i>
          </a>
        </div>
    </div>
    <!--Header-->
    <section id="header">
      <div class="container">
        <div class="row header-info margin-20">
          <div class="col-sm-6 col-sm-offset-3 text-center animated fadeIn">
            <h1>Plixis</h1>
            <hr>
            <h3 class="white">A flat, sleek multipurpose theme built to show off any type of business.</h3>
          </div>
        </div>
        <div class="row animated fadeInUpBig">
          <div class="col-sm-6 col-sm-offset-3 text-center">
          <a href="#" class="btn btn-primary btn-lg">Learn More</a>
          </div>
        </div>
      </div>
    </section>

index.template.php

<?php Chunk::get('header'); ?>
<div class="container">
<div>
<?php Action::run('theme_pre_content'); ?>
</div>
<div>
<?php echo Site::content(); ?>
</div>
<div>
<?php Action::run('theme_post_content'); ?>
</div>
<hr>
<?php Chunk::get('footer'); ?>

footer.chunk.php

    
    <!--Footer-->
    <section id="footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-6">
            <div style="float:right;"><?php Action::run('theme_footer'); ?><?php echo Site::powered(); ?></div>
          </div>
        </div>
      </div>
    </section>
    <!-- Javascript
    ================================================== -->
<script type="text/javascript" src="<?php echo Option::get('siteurl'); ?>public/themes/theme/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo Option::get('siteurl'); ?>public/themes/theme/js/jquery.navgoco.js"></script>
<script type="text/javascript" src="<?php echo Option::get('siteurl'); ?>public/themes/theme/js/jquery.backstretch.js"></script>
<script type="text/javascript" src="<?php echo Option::get('siteurl'); ?>public/themes/theme/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="<?php echo Option::get('siteurl'); ?>public/themes/theme/js/main.js"></script>
<?php Javascript::load(); ?>
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script>
    <script>
    //Backstretch
    $(document).ready(function() {   
    $.backstretch([
          "img/header1.jpg",
          "img/header2.jpg"
          ], {
            fade: 400,
            duration: 5000
        });
    });
    </script>
    <script>
    //Home Work Carousel
        var owl = $("#work-carousel");
        owl.owlCarousel({
      items : 2, //10 items above 1000px browser width
      itemsDesktop : [1000,2], //5 items between 1000px and 901px
      itemsDesktopSmall : [900,2], // betweem 900px and 601px
      itemsTablet: [600,1], //2 items between 600 and 0
      itemsMobile : [0,1], // itemsMobile disabled - inherit from itemsTablet option
      navigation : false,
      pagination : true,
      autoHeight : true
      });
    </script>
    </body>
</html>

What am I doing wrong;

PS: I apologize for my bad English

3 Reply by Awilum 2014-01-07 17:38:11

Awilum
Monstra Founder & Lead Developer
Offline

From: #Ukraine #USA
Posts: 507
Reputation : [ 24 | 0 ]

Re: conversion of template

What problem do you see there ?

Monstra Loves You! Give some love back!

Awilum's Website

4 Reply by -_- 2014-01-07 17:40:53

-_-
Banned
Offline

Posts: 15
Reputation : [ 1 | 0 ]

Re: conversion of template

the problem is that it does not show well the css

PS: I apologize for my bad English

5 Reply by -_- 2014-01-07 17:51:51

-_-
Banned
Offline

Posts: 15
Reputation : [ 1 | 0 ]

Re: conversion of template

please make a detailed tutorial on how we can make the conversion! we were not all developers! I really want to make a donation of money but you have to see and help! if there are more tutorials for beginners so they will come to make the intersection site in manstra cms! I hope you understand me...
sorry for my english

PS: I apologize for my bad English

6 Reply by nakome 2014-01-07 19:36:54

nakome
Monstra Master
Offline

From: La Coruña
Posts: 567
Reputation : [ 63 | 0 ]

Re: conversion of template

In index.template.php close tag .container

..::: Moncho Varela ::::.. ..::: @Nakome ::::.. ..::: Github ::::..

nakome's Website

7 Reply by nakome 2014-01-07 19:44:29

nakome
Monstra Master
Offline

From: La Coruña
Posts: 567
Reputation : [ 63 | 0 ]

Re: conversion of template

And put

<?php Action::run('theme_footer'); ?><

after of scripts

..::: Moncho Varela ::::.. ..::: @Nakome ::::.. ..::: Github ::::..

nakome's Website

8 Reply by -_- 2014-01-07 20:04:06

-_-
Banned
Offline

Posts: 15
Reputation : [ 1 | 0 ]

Re: conversion of template

nakome wrote:

And put
<?php Action::run('theme_footer'); ?><
after of scripts
In index.template.php close tag .container

http://screencast.com/t/024nGS4ih1s
In index.template.php close tag .container ??

PS: I apologize for my bad English

conversion of template

Posts: 8

1 Topic by -_- 2014-01-06 17:40:19

Topic: conversion of template

2 Reply by -_- 2014-01-07 15:05:59

Re: conversion of template

3 Reply by Awilum 2014-01-07 17:38:11

Re: conversion of template

4 Reply by -_- 2014-01-07 17:40:53

Re: conversion of template

5 Reply by -_- 2014-01-07 17:51:51

Re: conversion of template

6 Reply by nakome 2014-01-07 19:36:54

Re: conversion of template

7 Reply by nakome 2014-01-07 19:44:29

Re: conversion of template

8 Reply by -_- 2014-01-07 20:04:06

Re: conversion of template

Posts: 8