-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlisticle.html
104 lines (93 loc) · 5.3 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
<!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>
<header>
<h1>
School: 4 on-campus beverages you should be drinking
</h1>
</header>
<div class="centered-down">
<img src="images/vrk.png" id="vrk-img"></img>
<p class="profile-text">
<strong>Victoria Kirst</strong>
<br/><em>Last updated Apr 7, 2017</em>
</p>
<div class="articles">
<div class="article">
<h2 class="article-heading">
<span class="number-wrapper">1.</span>
<span class="article-title">Italian soda at Bytes</span>
</h2>
<a href="https://goo.gl/maps/EjneHBEPksw">350 Serra Mall, Stanford, CA</a>
<p>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.
</p>
<p><strong>Recommendation:</strong> Raspberry Italian soda</p>
<img src="images/italian-soda.jpg" alt="italian soda"></img>
</div>
<div class="article">
<h2 class="article-heading">
<span class="number-wrapper">2.</span>
<span class="article-title">Bubble tea at Pop Tea Bar</span>
</h2>
<a href="https://goo.gl/maps/3jHRC2umZCy">456 Cambridge Ave, Palo Alto, CA</a>
<p>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.
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!)
</p>
<p><strong>Recommendation:</strong> Classic Milk Tea with tapioca + an order of popcorn chicken.</p>
<img src="images/boba.jpg" alt="boba"></img>
</div>
<div class="article">
<h2 class="article-heading">
<span class="number-wrapper">3.</span>
<span class="article-title">Latte at CoHo</span>
</h2>
<a href="https://goo.gl/maps/jaov5FhK5852">459 Lagunita Dr, Stanford, CA</a>
<p>
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.
</p>
<p><strong>Recommendation:</strong> Vanilla Bean Latte</p>
<img src="images/coho-coffee.jpg" alt="coho coffee"></img>
</div>
<div class="article">
<h2 class="article-heading">
<span class="number-wrapper">4.</span>
<span class="article-title">Agua Fresca at Nexus Cafe</span>
</h2>
<a href="https://goo.gl/maps/WzJZx183auA2">318 Campus Drive, Stanford, CA</a>
<p>
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.
</p>
<p><strong>Recommendation:</strong> Agua Fresca</p>
<img src="images/nexus-cafe.jpg" alt="nexus cafe"></img>
</div>
</div>
</div>
<!-- TODO(you): Write the HTML necessary to complete HW1! -->
<!--
******************************************
DO NOT TRANSCRIBE THE ARTICLE YOURSELF!!!!
******************************************
You do not have to type in all of the text on the page!
The contents of the article is in `listicle-content.txt`, which is
included in this directory. Copy and paste the contents of that file into
this HTML file as needed. You should only need to add HTML to markup the
content.
-->
</body>
</html>