CSS Cafe Tutorial 1 - From Plain Text to Styled Page

I want to do a tutorial for those who are not familiar with CSS and HTML. I'll start with plain text , build its HTML structure and later style it using CSS. I don't have a design in mind yet, will figure it out as we go along. Our project will be a restaurant menu. You can save the following text as "cafe.html" to your disk. When you click on the file icon after you've saved it, the browser will combine all the different sections together and display it as one big lump of text. Go ahead and try that.

Four Square Café is located at the intersection of Melrose and Sunset Avenues in Los Angeles. We are a cafe with our own bakery, and also have a charcuterie for your favorite meats and cheeses. We offer breakfasts and made to order sandwiches. You can buy fresh, hot from the oven bread for your home twice a day, at 8 am and 5 am daily. In our Café, we are also famous for fresh organic coffee and tea made with mountain water. Each cup is in its own single cone and paper filter and dripped right into your cup. We then start over for the next customer.

Today's Specials

The Pretzel Croissant
A unique combination, it's got the best of both worlds. The buttery sweetness and the coarse salt and the flaky outer crust and tender inner crumb, all topped with sesame seeds.

Berliner
Rolled in sugar and filled with raspberry jam, the pillow soft donut that's
perfect with your coffee.

Cinnamon Swirl Coffee
A flavored coffee that is full-bodied with a heady cinnamon aroma and a nutty, creamy flavor that competes with the frosting on a cinnamon bun. Drink your favorite cinnamon bun in a cup!

Coffee

Jamaica Blue Mountain

One of the world’s finest coffees is grown below the rich rain forests of Jamaica Blue Mountain on nearly 7,500 ft high lots, with suitable soil and climate for coffee farms. Clean bold taste with excellent body and intense aroma. Try it today.

Nepal Everest

From the magestic Himalayans, Nepal Everest coffee has a spicy, smoky aroma, and a chocolate body with a nutty flavor and tart plum finish. Get to Base Camp without no climbing!

Viennese Blend

Vienna-style roasting creates a deep brown, medium dark roast that toasts the beans to perfection. Mellow, smooth, and delicately nuanced with hints of chocolate, our Viennese Blend draws on a unique style of coffee roasting in Vienna that dates back to 1683 when Vienna’s first coffee house opened after the retreating Ottomans left their coffee bean sacks behind.

"My go-to cafe when I'm craving a sweet treat and latte: Berliner, Brie and Pear Tart, Brownie, Double chocolate cookies, Apricot muffins all super duper tasty and yummy good. The service is friendly and quick. They have a wide variety of wonderful sandwiches and salads"

Treats

Brownies
Each $3.50
Deep chocolate flavor with chocolate frosting and walnuts brownie is dusted with powdered sugar.

Cookies
Each $2.00
Peanut Mice
Chocolate Chip
Chocolate Nib Medallions

Macarons
Each $3.50
Red Ketchup with Relish
Double Chocolate
Pistachio Cream
Hazelnut Herme

Breakfast

Muffins
All Muffins $2.00
Cranberry Orange Muffins
A great way to wake up with this vitamin packed muffin, it's topped with a
dollop of cranberry jam.

Fresh Fruit Muffins
Blueberry and seasonal fruits, topped with crunchy, dememara sugar.

Whole Wheat Bran Muffins
Apples, carrots and pineapple power this good for you healthy muffin
studded with plump raisins. Topped with cruncy honey glazed oat flakes.

Cafe Bagel
Each $2.00
Chewy New York style water bagels that are perfect with
our chive onion veggie cheese spread

Pretzel Rolls
Each $2.00
Your favorite pretzel as a morning roll, baked to a perfect caramel
brown and studded with salt. Great way to eat your favorite meat and
cheese from our charcuterie.

Locations

Four Square Café
Open Daily 8 AM - 8 PM
100 Melrose Boulevard
Los Angeles, CA 90211
319.949.1200

Four Square Sails at the Marina
Monday - Saturday 8 AM - 8 PM
2108 Marquesas Way
Marina Del Rey, CA 90292
310.222.9078

www.4squarecafe.com