Commit 1520922a
Changed files (3)
app
views
home
layouts
public
stylesheets
app/views/home/index.html.erb
@@ -1,1 +1,68 @@
-<h1>welcome to cakeside</h1>
+<div class="welcomeHolder">
+ <div class="welcome">
+ <img src="images/img01.jpg" alt="" />
+ <h1>Welcome to CakeSide</h1>
+ <p><em>Introduce your company here. 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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </em></p>
+ <p align="right"><input type="button" value="VIEW OUR PACKAGES" class="view" /></p>
+ <div class="clear"></div>
+ </div>
+ <div class="welcomeBottom"></div>
+</div>
+
+<div class="heading">Why Organic?</div>
+
+<div class="organic">
+ <div class="organicHolder">
+ <div class="organicContent">
+ <img src="images/img02.jpg" alt="" />
+ <h2>Header One</h2>
+ <p>Organic fruit and vegetables 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 class="organicHolder">
+ <div class="organicContent">
+ <img src="images/img03.jpg" alt="" />
+ <h2>Header Two</h2>
+ <p>Organic fruit and vegetables 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 class="organicHolder">
+ <div class="organicContent">
+ <img src="images/img04.jpg" alt="" />
+ <h2>Header Three</h2>
+ <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
+ </div>
+ </div>
+</div>
+
+<div class="space"></div>
+
+<div class="organic">
+ <div class="organicHolder">
+ <div class="organicContent">
+ <img src="images/img05.jpg" alt="" />
+ <h2>Header Four</h2>
+ <p>Organic fruit and vegetables 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.</p>
+ </div>
+ </div>
+
+ <div class="organicHolder">
+ <div class="organicContent">
+ <img src="images/img06.jpg" alt="" />
+ <h2>Header Five</h2>
+ <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
+ </div>
+ </div>
+
+ <div class="organicHolder">
+ <div class="vegetable">
+ <h3>Learn About Our Organic Vegetables</h3>
+ </div>
+ </div>
+</div>
+<div class="clear"></div>
+
+<div class="hr"></div>
+<div class="space"></div>
app/views/layouts/application.html.erb
@@ -58,79 +58,10 @@
<div id="contentTop"></div><!-- Content starts here -->
<div id="content">
- <div class="welcomeHolder">
- <div class="welcome">
- <img src="images/img01.jpg" alt="" />
- <h1>Welcome to CakeSide</h1>
- <p><em>Introduce your company here. 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 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </em></p>
- <p align="right"><input type="button" value="VIEW OUR PACKAGES" class="view" /></p>
- <div class="clear"></div>
- </div>
- <div class="welcomeBottom"></div>
- </div>
-
- <div class="heading">Why Organic?</div>
-
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>
<%= yield %>
- <div class="organic">
- <div class="organicHolder">
- <div class="organicContent">
- <img src="images/img02.jpg" alt="" />
- <h2>Header One</h2>
- <p>Organic fruit and vegetables 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 class="organicHolder">
- <div class="organicContent">
- <img src="images/img03.jpg" alt="" />
- <h2>Header Two</h2>
- <p>Organic fruit and vegetables 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 class="organicHolder">
- <div class="organicContent">
- <img src="images/img04.jpg" alt="" />
- <h2>Header Three</h2>
- <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
- </div>
- </div>
- </div>
-
- <div class="space"></div>
-
- <div class="organic">
- <div class="organicHolder">
- <div class="organicContent">
- <img src="images/img05.jpg" alt="" />
- <h2>Header Four</h2>
- <p>Organic fruit and vegetables 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.</p>
- </div>
- </div>
-
- <div class="organicHolder">
- <div class="organicContent">
- <img src="images/img06.jpg" alt="" />
- <h2>Header Five</h2>
- <p>Organic fruit and vegetables Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </p>
- </div>
- </div>
-
- <div class="organicHolder">
- <div class="vegetable">
- <h3>Learn About Our Organic Vegetables</h3>
- </div>
- </div>
- </div>
- <div class="clear"></div>
-
- <div class="hr"></div>
- <div class="space"></div>
-
<footer>
<div id="footer"><!-- Footer starts here -->
public/stylesheets/organic.css
@@ -214,8 +214,12 @@ width:978px;
margin:0px auto;
}
#content h1{ background: none; }
+#content h2{ background: none; }
#content h3{ background: none; }
#content p{ background: none; }
+#content label{ background: none; }
+#content form{ background: none; }
+#content a{ background: none; }
.welcomeHolder{
background:url(../images/welcomeTop.png) no-repeat top center;