Permalink
Browse files

front end re-design

  • Loading branch information...
1 parent 7313cdc commit 77082fec443e0dc0e5f0d43aedd94591b0541004 @s3265176 committed Jul 10, 2013
@@ -1,27 +1,34 @@
- <footer>
- <div class="row ">
+<footer>
+ <div class="row ">
<div class="large-12 columns">
<hr />
<div class="row">
- <div class="large-6 columns">
- <p style="color:#F78D3F;">&copy; Copyright no one at all. Go to town.</p>
- <p style="color:#F78D3F;">&copy; Copyright no one at all. Go to town.</p>
+ <div class="large-4 columns">
+ <?php echo $this->Html->image('Croogo.services.png',array("class" => "right"));?>
+
</div>
- <div class="large-6 columns">
- <ul class="inline-list ">
- <li><a style="color:#F78D3F;" href="#">Link 1</a></li>
- <li><a style="color:#F78D3F;" href="#">Link 2</a></li>
- <li><a style="color:#F78D3F;" href="#">Link 3</a></li>
- <li><a style="color:#F78D3F;" href="#">Link 4</a></li>
- </ul>
+ <div class="large-4 columns">
+ <?php echo $this->Html->image('Croogo.approach.png',array("class" => "right"));?>
+
+
+ </div>
+ <div class="large-4 columns">
+ <?php echo $this->Html->image('Croogo.sandy.png',array("class" => "right"));?>
+
</div>
</div>
-
+
</div>
+ </div>
+
+ <div class="row ">
+ <hr >
+ <div class="large-12 columns">
</div>
- </footer>
+ </div>
+</footer>
@@ -57,40 +57,16 @@
<div class ="row">
<div class="large-9 columns ">
+ <hr>
<?php
echo $this->Layout->sessionFlash();
echo $content_for_layout;
?>
+ <hr>
</div>
</div>
- <div class="row">
-
- <div class="large-12 columns panel ">
- <div class="row">
- <div class="large-6 columns ">
- <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>
-
- </div>
- <div class="large-6 columns ">
- <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>
- </div>
- </div>
-
- </div>
-
- </div>
+
</div>
<!-- End Contact Details -->
@@ -110,6 +86,35 @@
</div>
<!-- End Sidebar -->
</div>
+ <div id='contact_info' class ='panel'>
+ <div class="row">
+
+ <div class="large-12 columns " >
+ <div class="row">
+ <div class="large-6 columns ">
+ <p><span class="label">Email:</span><br />
+ &nbsp&nbsp&nbsp&nbsp <?php echo $this->Html->image('Croogo.mail-icon.png')?> wang1230ji@gmail.com
+ </p>
+ <p><span class="label">Phone:</span><br />
+ &nbsp&nbsp&nbsp&nbsp<?php echo $this->Html->image('Croogo.phone-icon.png')?> 0433813332 &nbsp&nbsp&nbsp&nbsp 985919283
+
+ </p>
+
+ </div>
+ <div class="large-6 columns ">
+ <p><?php echo $this->Html->image('Croogo.home-icon.png')?>Open hour:
+ <hr >
+ Monday to Satday: 6:00am -6:00pm<br />
+ Sunday: 7:00am -4:00pm <br />
+ public holiday: please check our news
+ </p>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
<!-- End Main Content and Sidebar -->
<!-- Map Modal -->
@@ -86,7 +86,8 @@
<div class="panel">
- <h5>Featured</h5>
+ <?php echo $this->Html->image('Croogo.logo-m.jpg')?>
+
<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>
@@ -107,9 +108,9 @@
</div>
<div class="large-10 small-6 columns">
- <strong>This Site Is Managed By<hr/></strong>
+ <strong><?php echo $this->Html->image('Croogo.pen-icon.png')?>This Site Is Managed By<hr/></strong>
- Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Donec dignissim nibh fermentum odio ornare sagittis
+ Jiheng wang, with Bachelor Degree of Information Technology (Network Programming) at RMIT, graduated at July 2013.
</div>
</div>
@@ -54,6 +54,8 @@ img {
.right {
float: right !important; }
+
+
.text-left {
text-align: left !important; }
@@ -1038,11 +1040,11 @@ td {
/* Default Link Styles */
a {
- color: #2ba6cb;
+ color: #F78D3F;
text-decoration: none;
line-height: inherit; }
a:hover, a:focus {
- color: #2795b6; }
+ color: #FCD271; }
a img {
border: none; }
@@ -36,7 +36,7 @@ div.paging { text-align: center; margin: 30px; }
body{
- background-image:url('../img/bg1.png');
+ background-image:url('../img/bg1.gif');
background-repeat:repeat;
}
@@ -51,25 +51,35 @@ body{
form .textarea textarea { width: 300px; }
form .error-message { color: #ee4b33; }
- #header {height:245px; background-color: black; background-image: url('../img/logo-s.jpg'); background-position: right
- ;background-repeat: no-repeat; background-size: 60%}
- #header .site-tagline { color: #666; font-style: italic; font-size: 13px; }
- #header h1 a { color: #FCD271;text-decoration: none; }
+ #header {height: 236px;background-image: url("../img/footer_green.jpg");position: relative; top: -20px;}
+ #header .site-tagline { position: relative;left:70px;color: #666; font-style: italic; font-size: 13px; }
+ #header h1 a { position: relative;left:50px;font-size:160%;font-family:'Brush Script MT', 'Comic Sans', sans-serif;color: #FCD271;text-decoration: none; }
/**
* Header
#header h1 { margin: 50px 0px 10px 0px; }
#header h1 a { text-decoration: none; }
*/
+#head{
+ height: 600px;background-image: url("../img/scene01-clouds.png");background-repeat: no-repeat; width: 80%; margin: auto;
+ background-position: top;position: relative;top: -70px;
+}
+
+.head_text{
+ font-size:30px;font-family:Futura, Impact, Helvetica, Arial, sans-serif;
+}
+#head .row{
+ position: absolute;bottom: -80px;
+}
/**
* Navigation (with dropdown)
*/
- #nav { border-bottom: 1px solid #ccc; margin-bottom: 40px; height: 37px; }
+ #nav { border-bottom: 1px solid #ccc; margin-bottom: 40px; height: 37px; position: relative; top: -30px;}
#nav ul li,
- #nav ul li a { float: left; display: block; background: #fff; }
+ #nav ul li a { float: left; display: block; background: #F78D3F; }
#nav ul li:first-child a { border-left: 1px solid #ccc; }
#nav ul li a { color: #666; padding: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; }
- #nav ul li a:hover { background: #f7f7f7; }
+ #nav ul li a:hover { background: #FCD271; }
#nav ul li a.selected { border-bottom: 1px solid #fff; }
#nav ul li a.selected:hover { background: #f7f7f7; border-bottom: 1px solid #ccc; }
@@ -159,4 +169,68 @@ body{
#debug-kit-toolbar ul li.panel-tab { display: none; }
- #debug-kit-toolbar ul li.icon { display: inline; }
+ #debug-kit-toolbar ul li.icon { display: inline; }
+
+ #order_panel {
+ height: 369px;
+ background-image: url("../img/holder-img.jpg");
+ position: relative;
+ top: 35px;
+ }
+ #contact_info{
+ height: 318px;
+ background-image: url("../img/dark_cloud.png");
+ background-position: center;
+ position: relative;
+ top: 25px;
+
+ }
+
+ #product_low{
+ height: 462px;
+ background-image: url("../img/shop.jpg");
+ position: relative;
+ }
+
+ #product_low_icons{
+ position: absolute;
+ bottom: 0px;
+ }
+
+ .product_low_icons_text {
+ font-size:30px;font-family:Futura, Impact, Helvetica, Arial, sans-serif;
+ }
+
+ #product_display{
+ margin:2px ; margin-bottom:70px;border:2px solid #fff;
+ position: relative;
+ }
+
+ #product_display h5{
+ position: absolute;
+ left: 0px;
+ font-size: 80%;
+
+ }
+ #product_display h6{
+ position: absolute;
+ right: 0px;
+ font-size: 80%;
+ }
+ #product_display p{
+ position: absolute;
+ left: 0px;
+
+ font-family: 'Hoefler Text', Garamond, Georgia, 'Times New Roman', Times, serif;
+
+ }
+ #display_area{
+ position: relative;
+ top: -140px;
+ }
+
+ #bake_icon img{
+ position: relative;
+ top: -30px;
+ z-index: 99;
+ }
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Deleted file not rendered
@@ -1,21 +1,20 @@
- <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 id = "head">
+
+ <div class ="row">
+
+ <div class="large-3 columns panel" ><span class = 'head_text'style="color:#ff9640;">Try Our Coffee</span><hr ><?php echo $this->Html->image('Croogo.Beverages-icon.png')?> <hr ></div>
+ <div class="large-3 columns panel" ><span class = 'head_text'style="color:#33cccc;">Always Open</span><hr ><?php echo $this->Html->image('Croogo.Watch-icon.png')?><hr ></div>
+ <div class="large-3 columns panel" ><span class = 'head_text'style="color:#a69b00;">Lowest Price</span><hr ><?php echo $this->Html->image('Croogo.Price_icon.png')?><hr ></div>
+ <div class="large-3 columns panel" ><span class = 'head_text'style="color:#2dd700;">Order and Save</span><hr ><?php echo $this->Html->image('Croogo.Gift-icon.png')?><hr ></div>
+
</div>
</div>
<!-- End Header and Nav -->
<!-- First Band (Slider) -->
<div class="row">
+ <hr /><br /><br /><br />
<div class="large-12 columns">
<div id="slider">
<ul data-orbit>
@@ -59,12 +58,13 @@
<!-- Call to Action Panel -->
<div class="row">
<div class="large-12 columns">
- <div class="panel">
+ <div class="panel" id="order_panel">
<h4>Seems delicious?</h4>
<div class="row">
<div class="large-9 columns">
<p>why not make a order now!</p>
</div>
+
<div class="large-3 columns">
<a href="/personalBlog/contact" class="radius button right">Contact Us</a>
@@ -44,7 +44,7 @@
<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>
+ <h6 class ="right "><?php echo $this->Nodes->moreInfo();?></h6>
</article>
<hr />
Oops, something went wrong.

0 comments on commit 77082fe

Please sign in to comment.