blindside/catalog.html at master · NoahGreer/blindside · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Catalog page for Spending club">
    <meta name="author" content="Julie">

    <title>Catalog</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="css/blog-home.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
</head>

<body class="bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark bg-purple fixed-top border-bottom">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">Spending Club</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse"
                data-target="#navbarResponsive" aria-controls="navbarResponsive"
                aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">
                        <span class="sr-only">(current)</span>
                    </a>
                </li>
                <li class="nav-item btn-secondary rounded-pill shadow mx-3">
                    <a class="nav-link text-light" href="catalog.html">Home</a>
                </li>
                <li class="nav-item btn-secondary rounded-pill shadow mx-3">
                    <a class="nav-link text-light" href="friends.html">Friends</a>
                </li>
                <li class="nav-item btn-secondary rounded-pill shadow mx-3">
                    <a class="nav-link text-light" href="community.html">Community</a>
                </li>
                <li class="nav-item btn-secondary rounded-pill shadow mx-3">
                    <a class="nav-link text-light" href="profile.html">Account</a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="container-fluid">
<div class="row bg-dark" style="height:20px"></div>
<div class="row">

    <div class="col-md-2 bg-dark">
        <div class="card bg-lightgray">
            <div class="card-header">
                - Saturday, June 1 2019<br><br>
                Your friend <strong>Bill Gates</strong> bought:

                12:03 P.M:
                <div class="card-body">
                    Private Leer Jet $1.5M
                </div>
            </div>
        </div>

        <div class="card my-4 bg-lightgray">
            <div class="card-header">
                - Friday, May 31 2019<br><br>
                Your friend <strong>Brian Eno</strong> bought:

                2:03 P.M:
                <div class="card-body">
                    Vintage Roland 808 $45K
                </div>
            </div>
        </div>

        <div class="card my-4 bg-lightgray">
            <div class="card-header">
                - Wednesday, May 29 2019<br><br>
                Your friend <strong>Isaac Asimov</strong> bought:

                4:05 A.M:
                <div class="card-body">
                    303XY Mining Robot $105K
                </div>
            </div>
        </div>

        <div class="card my-4 bg-lightgray" >
            <div class="card-header">
                - Wednesday, May 29 2019<br><br>
                Your friend <strong>D'arcy Wretsky</strong> bought:

                5:03 P.M:
                <div class="card-body">
                    1969 Rickenbacker 8000 Bass $8K
                </div>
            </div>
        </div>

    </div>

<!--    Products column -->

    <div class="col-md-4">
        <img src="img/car.jpg" alt="Image" class="shadow rounded mx-4 mb-3 box-500">
        <img src="img/tiger.jpg" alt="Image" class="shadow rounded mx-4 mb-3 box-500">
        <img src="img/jet.jpg" alt="Image" class="shadow rounded mx-4 mb-3 box-500">
        <img src="img/diamond.jpg" alt="Image" class="shadow rounded mx-4 mb-3 box-500">
        <img src="img/house.jpg" alt="Image" class="shadow rounded mx-4 mb-3 box-500">
        <img src="img/yacht.jpg" alt="Image" class="shadow rounded mx-4 mb-3 box-500">
    </div>

    <div class="col-md-4 bg-dark">
        <div >
            <div class="card-body bg-lightgray shadow rounded mx-4 mb-3 box-500">
                A further 20 of the convertible Roadster went for a dizzying $2.2 million,
                but even these were a comparative snip versus the track-only,
                570bhp V10-powered Sesto Elemento that debuted four years earlier,
                Lamborghini producing 20 examples of the latter for $2.5 million apiece...
            </div>
        </div>

        <div>
            <div class="card-body bg-lightgray shadow rounded mx-4 mb-3 box-500">
                <p> Exotic cats range in price from a $900.00 Bobcat to a $7500.00 tiger cub.
                Most of the mid size cats, like Servals and
                Caracals cost $1700.00 to $2800.00 and Ocelots can run as high as $15,000.00.
                The more rare the cat, the higher the price.</p>
            </div>
        </div>

        <div>
            <div class="card-body bg-lightgray shadow rounded mx-4 mb-3 box-500">
                One of the highlights of the Boeing 757 is a glass cockpit with large computer screens that display flight info.
                It has a self-checking feature that alerts pilots about issues before they bloom into emergencies.
                Trump’s plane is one of the fastest in the world and can hit more than 500 miles per hour powered by two
                Rolls-Royce RB211 turbofan engines that can keep it afloat for 16 hours.
                A regular Boeing 757 can seat up to 200 people, but Trump has refurbished his plane to accommodate only 23 passengers.
                Apart from the two bedrooms, it has a private guest room, dining room, and a video room with cinema system.
                Trump pays a lavish price for these amenities and shells out about $10,800 for a one-hour flight including fuel.
            </div>
        </div>


        <div>
            <div class="card-body bg-lightgray shadow rounded mx-4 mb-3 box-500">
                HEY LOOK AT THIS DIAMOND IT'S HUUUUUUUUUUUUGE
            </div>
        </div>

        <div>
            <div class="card-body bg-lightgray shadow rounded mx-4 mb-3 box-500">
                Like many billionaire families, Ambanis too wanted an opulently unique and customized residence.
                Thus began the conceptualization and construction of ‘Antilia’, designed by the firm Perkins and Will,
                named after a mythical island in the Atlantic Ocean. Costing over $1 billion and taking four-years to be constructed,
                Antilia now stands boastingly, amidst the slum-filled context of Mumbai. This 27-floor high residence,
                stacked to achieve an area of about 400,000 square feet, surpasses the Palace of Versailles in terms of area encompassed.
                With six levels of parking below the ground level, three helipads, a health spa, a salon, a ballroom,
                a 50-seat movie theater, multiple swimming pools, yoga and dance studios
                and an ice cream room, maintaining Antilia reportedly require a staff of about 600.
            </div>
        </div>

        <div>
            <div class="card-body bg-lightgray shadow rounded mx-4 mb-3 box-500">
                HEY LOOK AT THIS YACHT IT'S HUUUUUUUGE
            </div>
        </div>


    </div>

    <div class="col-md-2 bg-dark">

        <div class="card bg-lightgray">
            <div class="card-header">
                What's New:
                <div class="card-body" style="height: 200px">
                    Latest Auction:<br>
                    Holiday Hats Owned By Professional NFL Players
                </div>
                <div class="card-body" style="height: 200px">
                    Newest Item:<br>
                    Original NES Prototype
                </div>
            </div>
        </div>

        <div class="card my-4 bg-lightgray">
            <div class="card-header">
                Recommended:
                <div class="card-body">
                    Peasants hate him!  10 Tricks to...
                </div>
            </div>
        </div>

        <div class="card my-4 bg-lightgray">
            <div class="card-header">
                Recommended:
                <div class="card-body">
                    Diamond-encrusted contact lenses...
                </div>
            </div>
        </div>

        <div class="card my-4 bg-lightgray">
            <div class="card-header">
                Recommended:
                <div class="card-body">
                    Tastes Like Gold: Pure-bred Golden Retriever Meat
                </div>
            </div>
        </div>


    </div>

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

</html>