Skip to content
Browse files

my front end pages

  • Loading branch information...
1 parent fe43c14 commit ea3ace0fd6c286057b7a97b9a2ec980e12027f86 @s3265176 committed
View
27 app/Plugin/Croogo/View/Elements/footer.ctp
@@ -0,0 +1,27 @@
+
+ <footer>
+ <div class="row ">
+ <div class="large-12 columns">
+ <hr />
+ <div class="row">
+ <div class="large-6 columns">
+ <p style="color:#666;">&copy; Copyright no one at all. Go to town.</p>
+ <p style="color:#666;">&copy; Copyright no one at all. Go to town.</p>
+
+ </div>
+ <div class="large-6 columns">
+ <ul class="inline-list ">
+ <li><a href="#">Link 1</a></li>
+ <li><a href="#">Link 2</a></li>
+ <li><a href="#">Link 3</a></li>
+ <li><a href="#">Link 4</a></li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </footer>
+
+
+
View
8 app/Plugin/Croogo/View/Elements/header_nav.ctp
@@ -0,0 +1,8 @@
+<div id="header">
+ <h1 class="site-title"><?php echo $this->Html->link(Configure::read('Site.title'), '/'); ?></h1>
+ <span class="site-tagline"><?php echo Configure::read('Site.tagline'); ?></span>
+</div>
+
+<div id="nav">
+ <?php echo $this->Menus->menu('main', array('dropdown' => true)); ?>
+</div>
View
74 app/Plugin/Croogo/View/Layouts/foundation.ctp
@@ -0,0 +1,74 @@
+<?php
+/**
+ * my Theme for Croogo frontend using foundation templete for bakery shop
+ *
+ * @author Fahad Ibnay Heylaal <contact@fahad19.com>
+ * @link http://www.croogo.org
+ */
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title><?php echo $title_for_layout; ?> &raquo; <?php echo Configure::read('Site.title'); ?></title>
+ <?php
+ echo $this->Meta->meta();
+ echo $this->Layout->feed();
+
+ echo $this->Html->css(array(
+
+ '/croogo/css/foundation',
+
+ '/croogo/css/theme',
+ ));
+ echo $this->Layout->js();
+ echo $this->Html->script(array(
+ '/croogo/js/vendor/jquery',
+ '/croogo/js/vendor/zepto',
+ '/croogo/js/vendor/custom.modernizr',
+ '/croogo/js/foundation.min',
+
+ '/croogo/js/jquery/jquery.hoverIntent.minified',
+ '/croogo/js/jquery/superfish',
+ '/croogo/js/jquery/supersubs',
+ '/croogo/js/theme',
+
+ ));
+ echo $this->Blocks->get('css');
+ echo $this->Blocks->get('script');
+ ?>
+</head>
+
+<body>
+ <div id="wrapper">
+
+
+ <?php echo $this->element('header_nav');?>
+
+
+ <div id="main" >
+ <?php
+ echo $this->Layout->sessionFlash();
+ echo $content_for_layout;
+ ?>
+ </div>
+
+
+ <!-- Footer -->
+ <?php echo $this->element('footer');?>
+
+ </div>
+
+
+
+
+
+
+ <!-- init foundation js-->
+ <script>document.write('<script src=/js/vendor/'+ ('__proto__' in {} ? 'zepto' : 'jquery')+ '.js><\/script>');</script>
+ <script> $(document).foundation();</script>
+</body>
+
+
+
+</html>
View
132 app/Plugin/Croogo/View/Layouts/foundation_contact.ctp
@@ -0,0 +1,132 @@
+<?php
+/**
+ * my Theme for Croogo frontend using foundation templete for bakery shop
+ *
+ * @author Fahad Ibnay Heylaal <contact@fahad19.com>
+ * @link http://www.croogo.org
+ */
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title><?php echo $title_for_layout; ?> &raquo; <?php echo Configure::read('Site.title'); ?></title>
+ <?php
+ echo $this->Meta->meta();
+ echo $this->Layout->feed();
+
+ echo $this->Html->css(array(
+
+ '/croogo/css/foundation',
+
+ '/croogo/css/theme',
+ ));
+ echo $this->Layout->js();
+ echo $this->Html->script(array(
+ '/croogo/js/vendor/jquery',
+ '/croogo/js/vendor/zepto',
+ '/croogo/js/vendor/custom.modernizr',
+ '/croogo/js/foundation.min',
+
+ '/croogo/js/jquery/jquery.hoverIntent.minified',
+ '/croogo/js/jquery/superfish',
+ '/croogo/js/jquery/supersubs',
+ '/croogo/js/theme',
+
+ ));
+ echo $this->Blocks->get('css');
+ echo $this->Blocks->get('script');
+ ?>
+</head>
+
+<body>
+ <div id="wrapper">
+ <?php echo $this->element('header_nav');?>
+
+
+
+
+ <div id="main" >
+ <!-- Main Page Content and Sidebar -->
+ <div class="row">
+ <!-- Contact Details -->
+ <div class="large-9 columns">
+ <h3>Get in Touch!</h3>
+ <p>We'd love to hear from you. You can either reach out to us as a whole and one of our awesome team members will get back to you, or if you have a specific question reach out to one of our staff. We love getting email all day <em>all day</em>.</p>
+ <div class="row">
+
+ <div class="large-6 columns panel">
+ <p><span class="label">Email:</span><br />
+ &nbsp&nbsp&nbsp&nbsp wang1230ji@gmail.com
+ </p>
+ <p><span class="label">Phone:</span><br />
+ &nbsp&nbsp&nbsp&nbsp 0433813332<br />
+ &nbsp&nbsp&nbsp&nbsp 985919283
+
+
+ </p>
+ <p><span class="label">Open hour:</span><br />
+ &nbsp&nbsp&nbsp&nbsp Monday to Satday: 6:00am -6:00pm<br />
+ &nbsp&nbsp&nbsp&nbsp Sunday: 7:00am -4:00pm <br />
+ &nbsp&nbsp&nbsp&nbsp public holiday: please check our news
+ </p>
+ <br />
+ <br />
+ </div>
+ <div class="large-6 columns ">
+ <?php
+ echo $this->Layout->sessionFlash();
+ echo $content_for_layout;
+ ?>
+ </div>
+ </div>
+
+ </div>
+ <!-- End Contact Details -->
+ <!-- Sidebar -->
+
+ <div class="large-3 columns">
+ <h5>Map</h5>
+ <!-- Clicking this placeholder fires the mapModal Reveal modal -->
+ <p>
+ <a href="" data-reveal-id="mapModal"><img src="http://placehold.it/400x280"></a><br />
+ <a href="" data-reveal-id="mapModal">View Map</a>
+ </p>
+ <p>
+ 123 Awesome St.<br />
+ Barsoom, MA 95155
+ </p>
+ </div>
+ <!-- End Sidebar -->
+ </div>
+ <!-- End Main Content and Sidebar -->
+
+ <!-- Map Modal -->
+ <div class="reveal-modal" id="mapModal">
+ <h4>Where We Are</h4>
+ <p><img src="http://placehold.it/800x600" /></p>
+ <!-- Any anchor with this class will close the modal. This also inherits certain styles, which can be overriden. -->
+ <a href="#" class="close-reveal-modal">&times;</a>
+ </div>
+
+ </div>
+
+
+ <!-- Footer -->
+ <?php echo $this->element('footer');?>
+
+ </div>
+
+
+
+
+
+
+ <!-- init foundation js-->
+ <script>document.write('<script src=/js/vendor/'+ ('__proto__' in {} ? 'zepto' : 'jquery')+ '.js><\/script>');</script>
+ <script> $(document).foundation();</script>
+</body>
+
+
+
+</html>
View
119 app/Plugin/Croogo/View/Layouts/foundation_news.ctp
@@ -0,0 +1,119 @@
+<?php
+/**
+ * my Theme for Croogo frontend using foundation templete for bakery shop
+ * for news page
+ *
+ * @author Fahad Ibnay Heylaal <contact@fahad19.com>
+ * @link http://www.croogo.org
+ */
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title><?php echo $title_for_layout; ?> &raquo; <?php echo Configure::read('Site.title'); ?></title>
+ <?php
+ echo $this->Meta->meta();
+ echo $this->Layout->feed();
+
+ echo $this->Html->css(array(
+
+ '/croogo/css/foundation',
+
+ '/croogo/css/theme',
+ ));
+ echo $this->Layout->js();
+ echo $this->Html->script(array(
+ '/croogo/js/vendor/jquery',
+ '/croogo/js/vendor/zepto',
+ '/croogo/js/vendor/custom.modernizr',
+ '/croogo/js/foundation.min',
+
+ '/croogo/js/jquery/jquery.hoverIntent.minified',
+ '/croogo/js/jquery/superfish',
+ '/croogo/js/jquery/supersubs',
+ '/croogo/js/theme',
+
+ ));
+ echo $this->Blocks->get('css');
+ echo $this->Blocks->get('script');
+ ?>
+</head>
+
+<body>
+ <div id="wrapper">
+ <?php echo $this->element('header_nav');?>
+
+
+
+
+ <div id="main" >
+
+ <!-- Nav Bar -->
+
+ <div class="row">
+ <div class="large-12 columns">
+ <h1>Blog <small>This is my blog. It's awesome.</small></h1>
+ <hr />
+ </div>
+ </div>
+
+ <div class="row">
+
+ <!-- Main Blog Content -->
+ <div class="large-9 columns" role="content">
+
+ <?php
+ echo $this->Layout->sessionFlash();
+ echo $content_for_layout;
+ ?>
+
+
+ </div>
+
+
+ <!-- End Main Content -->
+
+
+ <!-- Sidebar -->
+
+ <aside class="large-3 columns">
+
+ <h5>Categories</h5>
+ <div id="sidebar" class="grid_5">
+ <?php echo $this->Regions->blocks('right'); ?>
+ </div>
+
+
+ <div class="panel">
+ <h5>Featured</h5>
+ <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
+ <a href="#">Read More &rarr;</a>
+ </div>
+
+ </aside>
+
+ <!-- End Sidebar -->
+ </div>
+
+ <!-- End Nav -->
+ <!-- Footer -->
+
+ <!-- Footer -->
+ <?php echo $this->element('footer');?>
+
+ </div>
+
+
+
+
+
+
+ <!-- init foundation js-->
+ <script>document.write('<script src=/js/vendor/'+ ('__proto__' in {} ? 'zepto' : 'jquery')+ '.js><\/script>');</script>
+ <script> $(document).foundation();</script>
+</body>
+
+
+
+</html>
View
80 app/Plugin/Nodes/View/Nodes/home.ctp
@@ -0,0 +1,80 @@
+ <div class="row">
+ <div class="large-3 columns">
+ <h1><img src="http://placehold.it/400x100&text=Logo" /></h1>
+ </div>
+ <div class="large-9 columns">
+ <ul class="right button-group">
+ <li><a href="#" class="button">Link 1</a></li>
+ <li><a href="#" class="button">Link 2</a></li>
+ <li><a href="#" class="button">Link 3</a></li>
+ <li><a href="#" class="button">Link 4</a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- End Header and Nav -->
+
+ <!-- First Band (Slider) -->
+
+ <div class="row">
+ <div class="large-12 columns">
+ <div id="slider">
+ <ul data-orbit>
+ <li>
+ <img src="http://placehold.it/1000x400&text=[ img 1 ]" />
+ <div class="orbit-caption">...</div>
+ </li>
+ <li>
+ <img src="http://placehold.it/1000x400&text=[ img 1 ]" />
+ <div class="orbit-caption">...</div>
+ </li>
+ <li>
+ <img src="http://placehold.it/1000x400&text=[ img 1 ]" />
+ <div class="orbit-caption">...</div>
+ </li>
+ <li>
+ <img src="http://placehold.it/1000x400&text=[ img 1 ]" />
+ <div class="orbit-caption">...</div>
+ </li>
+ </ul>
+
+ </div>
+ <hr />
+ </div>
+ </div>
+ <!-- Three-up Content Blocks -->
+
+ <div class="row">
+ <div class="large-4 columns">
+ <img src="http://placehold.it/400x300&text=[img]" />
+ <h4>This is a content section.</h4>
+ <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+ </div>
+ <div class="large-4 columns">
+ <img src="http://placehold.it/400x300&text=[img]" />
+ <h4>This is a content section.</h4>
+ <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+ </div>
+ <div class="large-4 columns">
+ <img src="http://placehold.it/400x300&text=[img]" />
+ <h4>This is a content section.</h4>
+ <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa. Boudin aliqua adipisicing rump corned beef.</p>
+ </div>
+ </div>
+ <!-- Call to Action Panel -->
+ <div class="row">
+ <div class="large-12 columns">
+ <div class="panel">
+ <h4>Get in touch!</h4>
+ <div class="row">
+ <div class="large-9 columns">
+ <p>We'd love to hear from you, you attractive person you.</p>
+ </div>
+ <div class="large-3 columns">
+ <a href="#" class="radius button right">Contact Us</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
View
59 app/Plugin/Nodes/View/Nodes/news.ctp
@@ -0,0 +1,59 @@
+
+
+
+<!-- Main Page Content and Sidebar -->
+
+
+
+ <article>
+
+ <h3><a href="#">Simple --Blog Post Title</a></h3>
+ <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
+
+ <div class="row">
+ <div class="large-6 columns">
+ <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
+ <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+ </div>
+ <div class="large-6 columns">
+ <img src="http://placehold.it/400x240&text=[img]" />
+ </div>
+ </div>
+
+ <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
+ <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
+ </article>
+
+ <hr />
+
+
+
+ <?php
+ if (count($nodes) == 0) {
+ echo __d('croogo', 'No items found.');
+ }
+ ?>
+ <?php
+ foreach ($nodes as $node):
+ $this->Nodes->set($node);
+ ?>
+
+ <article>
+ <h3><?php echo $this->Html->link($this->Nodes->field('title'), $this->Nodes->field('url')); ?></h3>
+ <h6><?php echo $this->Nodes->info(); ?></h6>
+ <?php echo $this->Nodes->body();?>
+ <h6 class ="right"><?php echo $this->Nodes->moreInfo();?></h6>
+ </article>
+
+ <hr />
+
+ <?php
+ endforeach;
+ ?>
+
+ <div class="paging"><?php echo $this->Paginator->numbers(); ?></div>
+
+
+
View
179 app/Plugin/Nodes/View/Nodes/products.ctp
@@ -0,0 +1,179 @@
+<div class="row">
+ <div class="large-12 columns">
+
+ <!-- Navigation -->
+
+ <div class="row">
+ <div class="large-12 columns">
+ <div class="nav-bar right">
+ <ul class="button-group">
+ <li><a href="#" class="button">Link 1</a></li>
+ <li><a href="#" class="button">Link 2</a></li>
+ <li><a href="#" class="button">Link 3</a></li>
+ <li><a href="#" class="button">Link 4</a></li>
+ </ul>
+ </div>
+
+ </div>
+ </div>
+ <!-- End Top Bar -->
+ </div>
+</div>
+
+<!-- End Navigation -->
+
+<div class="row">
+
+ <!-- Side Bar -->
+
+ <div class="large-4 small-12 columns">
+
+ <img src="http://placehold.it/500x500&text=Logo">
+
+ <div class="hide-for-small panel">
+ <h3>Header</h3>
+ <h5 class="subheader">Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis.
+ </h5>
+ </div>
+
+ <a href="#">
+ <div class="panel callout radius">
+ <h6>99&nbsp; items in your cart</h6>
+ </div>
+ </a>
+
+ </div>
+
+ <!-- End Side Bar -->
+
+
+ <!-- Thumbnails -->
+
+ <div class="large-8 columns">
+ <div class="row">
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/1000x1000&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+
+ <div class="large-4 small-6 columns">
+ <img src="http://placehold.it/500x500&text=Thumbnail">
+
+ <div class="panel">
+ <h5>Item Name</h5>
+ <h6 class="subheader">$000.00</h6>
+ </div>
+ </div>
+ </div>
+
+ <!-- End Thumbnails -->
+
+
+ <!-- Managed By -->
+ <div class="row">
+ <div class="large-12 columns">
+ <div class="panel">
+ <div class="row">
+
+ <div class="large-2 small-6 columns">
+ <img src="http://placehold.it/300x300&text=Site Owner">
+ </div>
+
+ <div class="large-10 small-6 columns">
+ <strong>This Site Is Managed By<hr/></strong>
+
+ Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <!-- End Managed By -->
+
+ </div>
+ </div>
+</div>
+
+
+
+
+</div>
+</div>

0 comments on commit ea3ace0

Please sign in to comment.
Something went wrong with that request. Please try again.