Women-Wine-and-Web-Design/index.html at master · amygurski/Women-Wine-and-Web-Design · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<html>
    <head>
        <link rel="stylesheet" href="style.css">
        <script type="text/javascript" src="index.js"></script>
    </head>
    <body>
        <h1>Amy's Wine Cellar</h1>
        <p>Welcome to Amy's Wine Cellar! These are all of her favorite wines, hand picked from the numerous bottles she has celebrated with.</p>
        <br>
        <div id="list-group">
            <button id="toggle-button" onClick = "toggleList()">Press Me!</button>
            <br>
            <div id = "list">
                <p>Some wines I want to try:</p>
                <ul>
                    <li>Bordeaux</li>
                    <li>Riesling</li>
                    <li>Pinot Gris</li>
                </ul>
                <br>
                <p>My favorite wines:</p>
                <ol>
                    <li>Chiani</li>
                    <li>Merlot</li>
                    <li>Cabernet Sauvignon</li>
                </ol>
            </div>
        </div>
        <div id="table" >
            <table cellspacing = "50">
                <tr>
                    <th>Reds</th>
                    <th>Whites</th>
                </tr>
                <tr>
                    <td>
                        <div>
                            <h5>RedHead Red Blend</h5>
                            <img src="img/redhead-red.jpeg">
                            <br>
                            <a href="https://vinoshipper.com/shop/l_uva_bella_winery_bistro/redhead_red_blend_7,309">Buy Me!</a>
                        </div>
                    </td>
                    <td>
                        <div>
                            <h5>Cupcake Sauvignon Blanc</h5>
                            <img src="img/cupcake-sauvignon-blanc.png">
                            <br>
                            <a href=#>Buy Me!</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div>
                            <h5>Rhiannon</h5>
                            <img src="img/nv-Rhiannon-bottle-shot.png">
                            <br>
                            <a href=#>Buy Me!</a>
                        </div>
                    </td>
                    <td>
                        <div>
                            <h5>SeaGlass Sauvignon Blanc</h5>
                            <img src="img/SeaGlass-Sauvignon-Blanc.png">
                            <br>
                            <a href=#>Buy Me!</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div>
                            <h5>Luva Bella Carmenera</h5>
                            <img src="img/luva-bella-carmenere.png">
                            <br>
                            <a href=#>Buy Me!</a>
                        </div>
                    </td>
                    <td>
                        <div>
                            <h5>Luna Bella Passion Apple</h5>
                            <img src="img/luva-bella-passion-apple.png">
                            <br>
                            <a href=#>Buy Me!</a>

                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>