transcript 1(spice it up website)

35
Home Page Continue of home page

Upload: masood-latib

Post on 18-Aug-2015

21 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Transcript 1(Spice It Up Website)

Home Page

Continue of home page

Page 2: Transcript 1(Spice It Up Website)

HTML Code (Home page)

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Home.master.cs" Inherits="SpiceItUp.Home" %>

<!DOCTYPE html> <head> <meta charset="utf-8"> <title>Spice it up</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/templatemo_style.css"> <link rel="stylesheet" href="css/templatemo_misc.css"> <link rel="stylesheet" href="css/flexslider.css"> <link rel="stylesheet" href="css/testimonails-slider.css">

<script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script> </head> <body>

<header> <div id="top-header"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="home-account"> <a href="#">Home</a> <a href="Admin.aspx">Admin</a> </div> </div> <div class="col-md-6"> <div class="cart-info"> </div> </div> </div> </div> </div> <div id="main-header"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="logo"> <a href="#"><img src="images/logo transparent1.png" title="Spice It Up" alt="Spice It up" style="height: 131px; width: 204px" ></a> </div> </div> <div class="col-md-6"> <div class="main-menu"> <ul> <li><a href="Homepage.aspx">Home</a></li> <li><a href="Testimonials.aspx">Testimonials</a></li>

Page 3: Transcript 1(Spice It Up Website)

<li><a href="Gallery.aspx">Gallery</a></li> <li><a href="Contactus.aspx">Contact Us</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="search-box"> <form name="search_form" method="get" class="search_form"> <input id="search" type="text" /> <input type="submit" id="search-button" /> </form> </div> </div> </div> </div> </div> </header>

<div id="slider"> <div class="flexslider"> <ul class="slides"> <li> <div class="slider-caption"> </div> <img src="images/imageslider.jpg" alt="" /> </li> <li> <div class="slider-caption"> </div> <img src="images/spicesandherbs.jpg" alt="" /> </li> <li> <div class="slider-caption"> </div> <img src="images/HealthPromotingSpices.jpg" alt="" /> </li> <li> <div class="slider-caption"> </div> <img src="images/image.jpg" alt="" /> </li> </ul> </div> </div>

<div id="services"> <div class="container"> <div class="row"> <div class="col-md-12">

Page 4: Transcript 1(Spice It Up Website)

<div class="heading-section" <div id="latest-blog"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-section"> <h2>Visit our other Pages

</h2> <img src="images/under-heading.png" alt="" > </div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6"> <div class="blog-post"> <div class="blog-thumb"> <img src="images/recipe.jpg" alt="" /> </div> <div class="blog-content"> <div class="content-show"> <h4><a href="Ourrecipes.aspx">Our Recipes</a></h4> <span></span> </div> <div class="content-hide"> <p>Browse our wide variety of easy and delicious recipes,especially designed to add flair and gourmet touches to the dishes you create.</p> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="blog-post"> <div class="blog-thumb"> <img src="images/spicesr.jpg" alt="" /> </div> <div class="blog-content"> <div class="content-show"> <h4><a href="OurSpices.aspx">SPICES</a></h4> </div> <div class="content-hide"> <p>Anyone who loves to spend time in the kitchen has a handful of cooking spices and herbs that they consider to be their staple ingredients</p> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="blog-post"> <div class="blog-thumb"> <img src="images/pizzas.jpg" alt="" /> </div> <div class="blog-content"> <div class="content-show"> <h4><a href="single-post.html">Spicy Pizza</a></h4> </div> <div class="content-hide">

Page 5: Transcript 1(Spice It Up Website)

<p>Spice it up pizza has only fresh and locally made ingredients to create the foundation for the best pizza Fresh ingredients make the best pizza, but so do made from scratch ingredients.</p> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="blog-post"> <div class="blog-thumb"> </div> </div> </div>

<div id="testimonails"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-section"> <h2>What Customers Say</h2> <img src="images/under-heading.png" alt="" > </div> </div> </div> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="testimonials-slider"> <ul class="slides"> <li> <div class="testimonials-content"> <p>I am very pleased with the product which i purchased and they will soon see me as a regular customer because it has such an amazing and exotic taste and flavour to it and i would highly recommend them.</p> <h6>Kulsum Moosa <a href="#"></a></h6> </div> </li> <li> <div class="testimonials-content"> <p>&nbsp;</p> </div> </li> <li> <div class="testimonials-content"> <p>I really enjoy their food, and their spices is pure and taste like its gives life to my food.</p> <h6>Tanya </h6> </div> </li> </ul> </div> </div> </div> </div> </div>

<footer> <div class="container"> <div class="top-footer"> <div class="row"> <div class="col-md-9">

Page 6: Transcript 1(Spice It Up Website)

<div class="subscribe-form"> <div class="bottom-footer"> <p>Copyright © 2014 <a href="#">Spice It Up</a> </p> </div> </div> </footer>

<script src="js/vendor/jquery-1.11.0.min.js"></script> <script src="js/vendor/jquery.gmap3.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script>

</body></html>

Page 7: Transcript 1(Spice It Up Website)

Testimonials Page

Page 8: Transcript 1(Spice It Up Website)

HTML code (Testimonials)

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Testimonials.master.cs" Inherits="SpiceItUp.Testimonials" %>

<!DOCTYPE html><style type="text/css"> .auto-style1 { font-size: medium; }</style> <head> <meta charset="utf-8"> <title>About - Grill Template by templatemo</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/templatemo_style.css"> <link rel="stylesheet" href="css/templatemo_misc.css"> <link rel="stylesheet" href="css/flexslider.css"> <link rel="stylesheet" href="css/testimonails-slider.css">

<script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script> </head> <body> <!--[if lt IE 7]> <![endif]-->

<header> <div id="top-header"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="home-account"> </div> </div> <div class="col-md-6"> <div class="cart-info"> <i class="fa fa-shopping-cart"></i> </div> </div> </div> </div>

Page 9: Transcript 1(Spice It Up Website)

</div> <div id="main-header"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="logo"> <a href="#"><img src="images/logo transparent1.png" title="Grill Template" alt="Grill Website Template" style="height: 131px; width: 204px" ></a> </div> </div> <div class="col-md-6"> <div class="main-menu"> <ul> <li><a href="Homepage.aspx">Home</a></li> <li><a href="Testimonials.aspx">Testimonials</a></li> <li><a href="Gallery.aspx">Gallery</a></li> <li><a href="Contactus.aspx">Contact us</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="search-box"> <form name="search_form" method="get" class="search_form"> <input id="search" type="text" /> <input type="submit" id="search-button" /> </form> </div> </div> </div> </div> </div> </header>

<div id="heading"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-content"> <h2>Testimonials</h2> <span>a></span> </div> </div> </div> </div> </div>

<div id="timeline-post"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-section"> <h2>Who We Are</h2> <img src="images/under-heading.png" alt="" > </div>

Page 10: Transcript 1(Spice It Up Website)

</div> </div> <div class="row"> <div class="col-md-6"> <h3>Our Objectives</h3> <p class="auto-style1">At spice it up we are committed to giving you the best quality culinary products, scientifically graded and hygienically grounded for packaging. We adhere strictly to best hygienic conditions during the packaging of our products making sure that the taste and flavour remains as good and fresh till it reaches your taste buds.</p> </div> <div class="col-md-6"> <h3>Guarantee</h3> <p class="auto-style1">Our products are made to meet the finest quality standards if in any way not completely satisfied with the product which you have purchased please write to us on our contact us page as shown above.</p> </div> </div> <div class="space50"></div> <div class="row"> <div class="col-md-2 col-sm-4"> <div class="timeline-thumb"> <div class="thumb"> </div> <div class="overlay"> <div class="timeline-caption"> <a href="#"><h4>Breakfast</h4></a> <p>8:00 AM</p> </div> </div> </div> </div> <div class="col-md-2 col-sm-4"> <div class="timeline-thumb"> <div class="thumb"> </div> <div class="overlay"> <div class="timeline-caption"> <a href="#"><h4>Lunch</h4></a> <p>11:00 AM</p> </div> </div> </div> </div> <div class="col-md-2 col-sm-4"> <div class="timeline-thumb"> <div class="thumb"> </div> <div class="overlay"> <div class="timeline-caption"> <a href="#"><h4>Lunch</h4></a> <p>2:00 PM</p> </div> </div> </div> </div>

Page 11: Transcript 1(Spice It Up Website)

<div class="col-md-2 col-sm-4"> <div class="timeline-thumb"> <div class="thumb"> </div> <div class="overlay"> <div class="timeline-caption"> <a href="#"><h4>Dinner</h4></a> <p>7:00 PM</p> </div> </div> </div> </div> <div class="col-md-2 col-sm-4"> <div class="timeline-thumb"> <div class="thumb"> </div> <div class="overlay"> <div class="timeline-caption"> <a href="#"><h4>Dinner</h4></a> <p>8:00 PM</p> </div> </div> </div> </div> <div class="col-md-2 col-sm-4"> <div class="timeline-thumb"> <div class="thumb"> </div> <div class="overlay"> <div class="timeline-caption"> <a href="#"><h4>Dinner</h4></a> <p>9:00 PM</p> </div> </div> </div> </div> </div> </div> </div>

<div id="our-team"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-section"> <img src="images/under-heading.png" alt="" > </div> </div> </div> <div class="row"> </div> </div> </div>

Page 12: Transcript 1(Spice It Up Website)

<div id="testimonails"> <div class="container"> <div class="row"> </div> <div class="row"> </div> </div> </div>

<footer> <div class="container"> <div class="top-footer"> <div class="row"> <div class="col-md-3"> </div> </div> </div> <div class="main-footer"> <div class="row"> <div class="col-md-3"> <div class="shop-list"> <h4 class="footer-title">Shop Categories</h4> <ul> <li><a href="OurRecipes.aspx"><i class="fa fa-angle-right"></i>Our Recipes</a></li> <li><a href="#"><i class="fa fa-angle-right"></i>Our Spices</a></li> <li><a href="#"><i class="fa fa-angle-right"></i>Spicy Pizza</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="bottom-footer"> <p>Copyright © 2014 <a href="#">Spice It Up</a> </p> </div> </div> </footer>

<script src="js/vendor/jquery-1.11.0.min.js"></script> <script src="js/vendor/jquery.gmap3.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script>

</body></html>

Page 13: Transcript 1(Spice It Up Website)

Gallery Page

Page 14: Transcript 1(Spice It Up Website)

HTML Code (Gallery page)

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Gallery.master.cs" Inherits="SpiceItUp.Gallery" %>

<!DOCTYPE html> <head> <meta charset="utf-8"> <title>Gallery</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/templatemo_style.css"> <link rel="stylesheet" href="css/templatemo_misc.css"> <link rel="stylesheet" href="css/flexslider.css"> <link rel="stylesheet" href="css/testimonails-slider.css">

<script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script> </head> <body> <header> <div id="top-header"> <div class="container"> <div class="row">

Page 15: Transcript 1(Spice It Up Website)

<div class="col-md-6"> <div class="home-account"> <a href="#">Home</a> <a href="#">Admin</a> </div> </div> <div class="col-md-6"> <div class="cart-info"> </div> </div> </div> </div> </div> <div id="main-header"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="logo"> <a href="#"><img src="images/logo transparent1.png" title="Grill Template" alt="Grill Website Template" style="height: 131px; width: 204px" ></a> </div> </div> <div class="col-md-6"> <div class="main-menu"> <ul> <li><a href="Homepage.aspx">Home</a></li> <li><a href="Testimonials.aspx">Testimonials</a></li> <li><a href="Gallery.aspx">Gallery</a></li> <li><a href="Contactus.aspx">Contact us</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="search-box"> <form name="search_form" method="get" class="search_form"> <input id="search" type="text" /> <input type="submit" id="search-button" /> </form> </div> </div> </div> </div> </div> </header>

<div id="heading"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-content"> <h2>Our Products</h2> <span>Home / <a href="about-us.html">Products</a></span> </div> </div>

Page 16: Transcript 1(Spice It Up Website)

</div> </div> </div>

<div id="products-post"> <div class="container"> <div class="row"> <div class="col-md-12"> <div id="product-heading"> <h2>SPICES</h2> <img src="images/under-heading.png" alt="" > </div> </div> </div> <div class="row"> </div> <div class="row" id="Container"> <div class="col-md-3 col-sm-6 mix portfolio-item Pizza"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/bayleave.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/bayleave.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Bay</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Bay Leaves 50g</a></h3> <span class="text-category">R7.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item ginger"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/chileredflake.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/chileredflake.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Chilired Flake</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Chilired Flake 50g</a></h3> <span class="text-category">R7.50</span> </div> </div> </div>

Page 17: Transcript 1(Spice It Up Website)

<div class="col-md-3 col-sm-6 mix portfolio-item pizza"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/cumin.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/cumin.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Cumin</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Cumin Seeds 100g</a></h3> <span class="text-category">R10.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item pasta"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/nutmegwhole.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/nutmegwhole.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Nutmeg</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Nutmeg Whole 200g</a></h3> <span class="text-category">R22.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item drink"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/chilipowder.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/chilipowder.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Chili powder</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Red Chili powder 200g</a></h3> <span class="text-category">R22.50</span> </div> </div> </div>

Page 18: Transcript 1(Spice It Up Website)

<div class="col-md-3 col-sm-6 mix portfolio-item hamburger"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/saffron.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/saffron.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Saffron</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Saffron 1g</a></h3> <span class="text-category">R60.00</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item pizza"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/rosemary.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/rosemary.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Rosemary</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Rosemary 50g</a></h3> <span class="text-category">R7.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item pasta"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/turmeric.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/turmeric.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Turmeric</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Turmeric 100g</a></h3> <span class="text-category">R10.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item hamburger"> <div class="portfolio-wrapper">

Page 19: Transcript 1(Spice It Up Website)

<div class="portfolio-thumb"> <img src="images/Cloves.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/Cloves.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Cloves</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Cloves 50g</a></h3> <span class="text-category">R7.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item drink"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/vanillabean.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/vanillabean.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Vanilla bean</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Vanilla bean 50g</a></h3> <span class="text-category">R7.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item ginger"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/fennelseed.jpg" alt="" /> <div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/fennelseed.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Fennel Seed</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Fennel Seed 100g</a></h3> <span class="text-category">R10.50</span> </div> </div> </div> <div class="col-md-3 col-sm-6 mix portfolio-item pasta"> <div class="portfolio-wrapper"> <div class="portfolio-thumb"> <img src="images/parsley.jpg" alt="" />

Page 20: Transcript 1(Spice It Up Website)

<div class="hover"> <div class="hover-iner"> <a class="fancybox" href="images/parsley.jpg"><img src="images/open-icon.png" alt="" /></a> <span>Parsley</span> </div> </div> </div> <div class="label-text"> <h3><a href="single-post.html">Parsley 100g</a></h3> <span class="text-category">R22.00</span> </div> </div> </div> </div> <div class="pagination"> <div class="row"> </div> </div> </div> </div>

<footer> <div class="container"> <div class="top-footer"> <div class="row"> <div class="col-md-9"> </div> </div> <div class="main-footer"> <div class="row" <div class="col-md-3"> <div class="more-info"> <h4 class="footer-title">More info</h4> <p>Spice It Up for original test and flavour</p> <ul> <li>021&nbsp;5912531</li> <li>120 Voortrekker Road, Goodwood, Cape Town</li> <li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li> </ul> </div> </div> </div> </div> <div class="bottom-footer"> <p>Copyright © 2014 <a href="#">Spice it up</a></p> </div> </div> </footer>

<script src="js/vendor/jquery-1.11.0.min.js"></script> <script src="js/vendor/jquery.gmap3.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script>

Page 21: Transcript 1(Spice It Up Website)

</body></html>

Page 22: Transcript 1(Spice It Up Website)

Contact us

Page 23: Transcript 1(Spice It Up Website)

HTML Code (Contact us)

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Contact.master.cs" Inherits="SpiceItUp.Contact" %>

<!DOCTYPE html> <head> <meta charset="utf-8"> <title>Contact Us</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/templatemo_style.css"> <link rel="stylesheet" href="css/templatemo_misc.css"> <link rel="stylesheet" href="css/flexslider.css"> <link rel="stylesheet" href="css/testimonails-slider.css">

<script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script> </head> <body> <header> <div id="top-header"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="home-account"> <a href="Homepage.aspx">Home</a> <a href="Admin.aspx">Admin</a> </div> </div> <div class="col-md-6"> <div class="cart-info"> </div> </div> </div> </div> </div> <div id="main-header"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="logo"> <a href="#"><img src="images/logo transparent1.png" title="Spice It Up" alt="Spice it Up" style="height: 131px; width: 204px" ></a> </div> </div> <div class="col-md-6">

Page 24: Transcript 1(Spice It Up Website)

<div class="main-menu"> <ul> <li><a href="Homepage.aspx">Home</a></li> <li><a href="Testimonials.aspx">Testimonials</a></li> <li><a href="Gallery.aspx">Gallery</a></li> <li><a href="Contactus.aspx">Contact us</a></li> </ul> </div> </div> <div class="col-md-3"> <div class="search-box"> <form name="search_form" method="get" class="search_form"> <input id="search" type="text" /> <input type="submit" id="search-button" /> </form> </div> </div> </div> </div> </div> </header>

<div id="heading"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-content"> <h2>Contact Us</h2> <span>Home / <a href="contact-us.html">Contact Us</a></span> </div> </div> </div> </div> </div>

<div id="product-post"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="heading-section"> <h2>Feel free to send a message</h2> <img src="images/under-heading.png" alt="" > </div> </div> </div> <div id="contact-us"> <div class="container"> <div class="row"> <div class="product-item col-md-12"> <div class="row"> <div class="col-md-8"> <div class="message-form"> <form action="#" method="post" class="send-message">

Page 25: Transcript 1(Spice It Up Website)

<div class="row"> <div class="name col-md-4"> <input type="text" name="name" id="name" placeholder="Name" /> </div> <div class="email col-md-4"> <input type="text" name="email" id="email" placeholder="Email" /> </div> <div class="subject col-md-4"> <input type="text" name="subject" id="subject" placeholder="Subject" /> </div> </div> <div class="row"> <div class="text col-md-12"> <textarea name="text" placeholder="Message"></textarea> </div> </div> <div class="send"> <button type="submit">Send</button> </div> </form> </div> </div> <div class="col-md-4"> <div class="info"> <p>Spice It Up for original test and flavour</p> <ul> <li>021&nbsp;5912531</li> <li>120 Voortrekker Road, Goodwood, Cape Town</li> <li><i class="fa fa-envelope"></i><a href="#">[email protected]</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="row"> </div> </div> </div>

<footer> <div class="container"> <div class="top-footer"> <div class="row"> <div class="col-md-9"> <div class="subscribe-form"> <div class="bottom-footer">

Page 26: Transcript 1(Spice It Up Website)

<p>Copyright © 2014 <a href="#">Spice It Up</a></p> </div> </div> </footer>

<script src="js/vendor/jquery-1.11.0.min.js"></script> <script src="js/vendor/jquery.gmap3.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script>

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&amp;sensor=false"> </script> </body></html>

Page 27: Transcript 1(Spice It Up Website)

Our Spices

Page 28: Transcript 1(Spice It Up Website)

HTML Code (Our Spices)

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true" CodeBehind="OurSpices.aspx.cs" Inherits="SpiceItUp.OurSpices" %><asp:Content ID="Content1" runat="server" contentplaceholderid="ContentPlaceHolder1"> <asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Larger" Text="OUR SPICES"></asp:Label></asp:Content>

<asp:Content ID="Content2" runat="server" contentplaceholderid="ContentPlaceHolder2"> <table class="nav-justified"> <tr> <td>&nbsp;</td> <td class="modal-sm" style="width: 173px">search </td> <td> <asp:TextBox ID="txtsearch" runat="server"></asp:TextBox> </td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td class="modal-sm" style="width: 173px">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td class="modal-sm" colspan="2"> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="Products" DataSourceID="SqlDataSource1" Width="275px"> <Columns>

Page 29: Transcript 1(Spice It Up Website)

<asp:BoundField DataField="Products" HeaderText="Products" ReadOnly="True" SortExpression="Products" /> <asp:BoundField DataField="Categories" HeaderText="Categories" SortExpression="Categories" /> <asp:BoundField DataField="SellingPrice" HeaderText="SellingPrice" SortExpression="SellingPrice" /> </Columns> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>" SelectCommand="SELECT [Products], [Categories], [SellingPrice] FROM [Spices] WHERE ([Products] LIKE '%' + ? + '%')"> <SelectParameters> <asp:ControlParameter ControlID="txtsearch" Name="Products" PropertyName="Text" Type="String" /> </SelectParameters> </asp:SqlDataSource> </td> <td>&nbsp;</td> </tr> </table> <asp:Label ID="lblgs" runat="server" Text="Ground Spices" Visible="False"></asp:Label> <asp:Label ID="lblh" runat="server" Text="Herbs" Visible="False"></asp:Label> <asp:Label ID="lblws" runat="server" Text="Whole Spices" Visible="False"></asp:Label> <br /> <table style="width:100%;"> <tr> <td class="text-left" style="width: 240px"> &nbsp;</td> <td class="text-left" style="width: 268px"> &nbsp;</td> <td class="text-left">&nbsp;</td> </tr> <tr> <td style="width: 240px"></td> <td class="auto-style1" style="width: 277px; vertical-align: top;"> <asp:DataList ID="DataList1" runat="server" DataKeyField="Products" DataSourceID="SqlDataSource2" Width="196px"> <ItemTemplate> Products: <asp:Label ID="ProductsLabel" runat="server" Text='<%# Eval("Products") %>' /> <br /> Categories: <asp:Label ID="CategoriesLabel" runat="server" Text='<%# Eval("Categories") %>' /> <br /> SellingPrice: <asp:Label ID="SellingPriceLabel" runat="server" Text='<%# Eval("SellingPrice") %>' /> <br /><br /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString2 %>" ProviderName="<%$ ConnectionStrings:ConnectionString2.ProviderName %>" SelectCommand="SELECT

Page 30: Transcript 1(Spice It Up Website)

[Products], [Categories], [SellingPrice] FROM [Spices] WHERE ([Categories] = ?)"> <SelectParameters> <asp:ControlParameter ControlID="lblws" Name="Categories" PropertyName="Text" Type="String" /> </SelectParameters> </asp:SqlDataSource> </td> <td class="auto-style1" style="width: 268px; vertical-align: top;"> <asp:DataList ID="DataList2" runat="server" DataKeyField="Products" DataSourceID="SqlDataSource3" Width="214px"> <ItemTemplate> Products: <asp:Label ID="ProductsLabel" runat="server" Text='<%# Eval("Products") %>' /> <br /> Categories: <asp:Label ID="CategoriesLabel" runat="server" Text='<%# Eval("Categories") %>' /> <br /> SellingPrice: <asp:Label ID="SellingPriceLabel" runat="server" Text='<%# Eval("SellingPrice") %>' /> <br /><br /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString3 %>" ProviderName="<%$ ConnectionStrings:ConnectionString3.ProviderName %>" SelectCommand="SELECT [Products], [Categories], [SellingPrice] FROM [Spices] WHERE ([Categories] = ?)"> <SelectParameters> <asp:ControlParameter ControlID="lblh" Name="Categories" PropertyName="Text" Type="String" /> </SelectParameters> </asp:SqlDataSource> </td> <td class="auto-style1" style="vertical-align: top"> <asp:DataList ID="DataList3" runat="server" DataKeyField="Products" DataSourceID="SqlDataSource4" Width="179px"> <ItemTemplate> Products: <asp:Label ID="ProductsLabel" runat="server" Text='<%# Eval("Products") %>' /> <br /> Categories: <asp:Label ID="CategoriesLabel" runat="server" Text='<%# Eval("Categories") %>' /> <br /> SellingPrice: <asp:Label ID="SellingPriceLabel" runat="server" Text='<%# Eval("SellingPrice") %>' /> <br /><br /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource4" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString5 %>" ProviderName="<%$ ConnectionStrings:ConnectionString5.ProviderName %>" SelectCommand="SELECT [Products], [Categories], [SellingPrice] FROM [Spices] WHERE ([Categories] = ?)">

Page 31: Transcript 1(Spice It Up Website)

<SelectParameters> <asp:ControlParameter ControlID="lblgs" Name="Categories" PropertyName="Text" Type="String" /> </SelectParameters> </asp:SqlDataSource> </td> </tr> <tr> <td style="width: 240px">&nbsp;</td> <td style="width: 268px">&nbsp;</td> <td>&nbsp;</td> </tr> </table></asp:Content>