-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlisticle.html
113 lines (112 loc) · 5.54 KB
/
listicle.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Stanford: 4 on-campus beverages you should be drinking</title>
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro|Roboto+Slab" rel="stylesheet">
<link rel="stylesheet" href="css/listicle-style.css"/>
</head>
<body>
<div class="header">
<div id="page_title">Stanford: 4 on-campus beverages you should<br>be drinking</div>
</div>
<table width="100%"><tr><td align="center"><img class="profile_img" src="./images/vrk.png" width="100px"></td></tr></table>
<center class="profile">
<div class="author">Victoria Kirst</div>
<div class="date">Last updated Apr 7, 2017</div>
<hr size="2px" color="#e6e6e6" width="200px" style="margin-top:10px;">
</center>
<div style="height:60px;"></div>
<div id="flex-container">
<div class="heading_num">1.</div>
<div style="flex:50%;">
<div class="heading">Italian soda at Bytes</div>
<a href="https://goo.gl/maps/EjneHBEPksw">350 Serra Mall, Stanford, CA</a>
<div class="space"></div>
<div class="paragraphs">
When's the last time you've had an Italian soda? It had been a while for me, but I wanted to join my friend
for a non-caffeinated beverage at Bytes and I became reaquainted with the combination of fizzy water and
artificial fruit syrup. Italian sodas are not so sweet as a normal soda and not so boring as a flavored
carbonated water. The Italian sodas at Bytes also have no cream in them (or maybe they do if you ask;I
haven't tried), which makes it a nice coffee shop alternative for the times when you're
feeling a refreshing drink that doesn't have caffeine or milk.
<div class="space"></div>
<span style="font-weight:bold">Recommendation</span>: Raspberry Italian soda
</div>
<div class="space"></div>
<img src="./images/italian-soda.jpg" width="66.67%">
<div style="height:120px"></div>
</div>
</div>
<div id="flex-container">
<div class="heading_num">2.</div>
<div style="flex:50%;">
<div class="heading">Bubble tea at Pop Tea Bar</div>
<a href="https://goo.gl/maps/3jHRC2umZCy">456 Cambridge Ave, Palo Alto, CA</a>
<div class="space"></div>
<div class="paragraphs">
When your boba craving strikes, head over to Pop Tea Bar, a cute little bubble tea shop on Cambridge
Avenue. The menu is your standard bubble tea fare with nothing too adventurous on the menu -- no
bubble tea floats, for example -- but the tapioca is fresh, the service is fast, and the tea is smooth and
delicious! They have little bites to eat too, like popcorn chicken and eggrolls, in perfect snack-size portions.
There's not too much seating, but there's a cute outdoor area in the back for warmer days.
<div class="space"></div>
Pop Tea Bar isn't exactly on campus, but the Marguerite has got you covered. Ride the 1050A to California
and El Camino and it's a short walk from there. (11 minutes total from the Gates Computer Science
Building!)
<div class="space"></div>
<span style="font-weight:bold">Recommendation</span>: Classic Milk Tea with tapioca + an order of popcorn chicken.
</div>
<div class="space"></div>
<img src="./images/boba.jpg" width="66.67%">
<div style="height:120px"></div>
</div>
</div>
<div id="flex-container">
<div class="heading_num">3.</div>
<div style="flex:50%;">
<div class="heading">Latte at CoHo</div>
<a href="https://goo.gl/maps/jaov5FhK5852">459 Lagunita Dr, Stanford, CA</a>
<div class="space"></div>
<div class="paragraphs">
I can't tell you whether CoHo has a particularly amazing Vanilla Bean Latte, only because CoHo is the only
place I've ever ordered a Vanilla Bean Latte from. I'm not even totally sure I know what a Vanilla Bean Latte
is supposed to taste like. What I do know is the Vanilla Bean Latte I ordered on a whim from CoHo was
delicious.
<div class="space"></div>
<span style="font-weight:bold">Recommendation</span>: Vanilla Bean Latte
</div>
<div class="space"></div>
<img src="./images/coho-coffee.jpg" style="width:66.67%">
<div style="height:120px"></div>
</div>
</div>
<div id="flex-container">
<div class="heading_num">4.</div>
<div style="flex:50%;">
<div class="heading">Agua Fresca at Nexus Cafe</div>
<a href="https://goo.gl/maps/WzJZx183auA2">318 Campus Drive, Stanford, CA</a>
<div class="space"></div>
<div class="paragraphs">
Nexus Cafe has a lot of tasty things packed into its cafeteria space, including agua fresca! Grab a cup of this
fresh and fruity beverage before you head to the check out line. Nexus Cafe has plenty of indoor and
outdoor seating, too, so on the next sunny day, take a break on the patio with a cup of agua fresca, and
maybe a burrito.
<div class="space"></div>
<span style="font-weight:bold">Recommendation</span>: Agua Fresca
</div>
<div class="space"></div>
<img src="./images/nexus-cafe.jpg" width="66.67%">
<div style="height:120px"></div>
</div>
</div>
<script src="./parallax.js"></script>
<script>
// Pretty simple huh?
var scene = document.getElementById('scene');
var parallax = new Parallax(scene);
</script>
</body>
</html>