Scribd Logo
Upload

Welcome to Scribd!

  • Cart

    Uploaded by

    api-479141525
    20 views4 pages

    Original Title

    cart

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    20 views4 pages

    Cart

    Uploaded by

    api-479141525

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    <!

    DOCTYPE html>
    <html lang="en‐US">

        <!‐‐
        Brian James
        CST336
        7/4/2020
        Homework #2: Brian's Fish Market
        ‐‐>
        <head>
            <meta charset="utf‐8" />
            <meta name="viewport" content="width=device‐width, initial‐scale=1.0">
            <title>Brian's Fish Market</title>
            <link rel="stylesheet" 
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 
                
    integrity="sha384‐9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"

                crossorigin="anonymous">
            <script 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
            <script 
    src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore‐min.js" 
    > </script>
            <link href="css/style.css" rel="stylesheet" type="text/css">
        </head>   
        <body>
            <header>
                <div class="jumbotron">
                    <div class="container text‐center">
                        <h1>Brian's Fish Market</h1>
                    </div>
                </div>
            </header>
            <form>
                <input type="text" name="search" style="width: 40%" placeholder="Enter 
    seafood to search for...">
            </form>
            <br />
            <nav>
                <a href="index.html">Home</a>
                <a href="products.html">Products</a>
                <a href="storepickup.html">Store Pickup</a>
                <a class="current" href="cart.html">Cart</a>
            </nav>
            <br /><br />
            <main>
                <div class="main‐container">
                    <table id="table">
                        <tr>
                            <th>Photo</th>
                            <th>Product Name</th>
                            <th>Price</th>
                            <th>Quantity</th>
                            <th>SubTotals</th>
                        </tr>
                        <tr>
                            <td><img src="img/yellowfintuna‐tn.png" style:"width: 50%" 
    /></td>
                            <td><h4>Yellowfin Tuna</h4></td>
                            <td><h4>$9.00 / lb.</h4></td>
                            <td>                
                                <form>
                                    <label for="quantity1"><h5>(up to 10)</h5></label>
                                    <br /></br>
                                    <input type="number" id="quantity1" 
    name="quantity1" value="1" min="0" max="10">
                                </form>
                            </td>
                            <td>
                                <p style="float:left; padding‐left: 50px">$</p><h5 
    style="float: left" id="subTotal1" ></h5>
                            </td>
                        </tr>
                        <tr>
                            <td><img src="img/mantaray‐tn.png" style:"width: 50%" 
    /></td>
                            <td><h4>Manta Ray</h4></td>
                            <td><h4>$200 / lb.</h4></td>
                            <td>                
                                <form>
                                    <label for="quantity1"><h5>(up to 10)</label>
                                    <br /></br>
                                    <input type="number" id="quantity2" 
    name="quantity2" value="1" min="0" max="10">
                                </form>
                            </td>
                            <td>
                                <p style="float:left; padding‐left: 50px">$</p><h5 
    style="float: left" id="subTotal2" ></h5>
                            </td>
                        </tr>
                    </table>
                    
                    <table id="table">
                        <tr>
                            <th>
                                <div id="subContainer">
                                    <h4>Shipping method: </h4>
                                </div>
                            </th>
                            <th>
                                <div id="subContainer">
                                    <button style="text: bold; color:#000000; padding: 
    20px" onclick="calcOrder();">Update Cart</button>
                                </div>
                                <p>SubTotal: </p>
                                <p id="combined‐sub"></p>
                                <p>Tax: </p><p id="sales‐tax"></p>
                                
                </th>
                        </tr>
                        <tr>
                            <td>
                                <div id="subContainer">
                                    <select style="padding: 10px" id="ship‐methods">
                                     <option value="Standard">Standard 
    $10</option></option>
                                     <option value="Express">Express 
    $30</option>
                                    </select>
                                </div>
                            </td>
                            <td>                
                    <div>
                                    <div id="subContainer">
                                        <h4>Total Sale:</h4>
                                    </div>
                                    <div id="subContainer">
                                        <div>
                                            <p style="float:left; padding‐left: 
    250px">$</p><h4 style="float: left"><output type="number" id="order"/></h4>
                                        </div>
                                    </div>
                                </div>
                                <div id="subContainer">
                                    <button class="placeOrder" style="text: bold; 
    color:#000000; padding: 20px" onclick="placeOrder();">Place Order</button>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <div style="padding: 200px"></div>
                    
                </div>
            </main>
            <br />
            <footer>
                <figure>
                        <img style="width:70%" src="img/CSUMB‐logo‐combined.png" 
    alt="Picture of CSUMB logo"/>
                </figure>
            </footer>
            <script SRC="js/functions.js"></script>
        </body>
    </html>

    You might also like