ADOBE MUSE 첫 웹 사이트 만들기
1 A- [ ] 100% Photoshop Adobe Muse,. Adobe Muse 1 Muse.,,,. Katie's Cafe. 1. Adobe Muse CC. 2. (ZIP, 78MB). 3. ZIP Katies Café Building v3. 4. Muse.. [ ] > [ ]. 5. [Adobe Muse CC] > [ ]. [ ] [ ] ( 1 ). 1. Adobe Muse. [ ].. 6. 9.[ ] 0. 4. [ ] 0. [ ] 960, [ ] 872 ( 2 ). 1
2. [ ]. : [ ] HiDPI(2x). Muse.. Muse. [ ] [ ].. [ ]. Apple Cinema Display ( 3 ). 3. [ ]. [ ] ( 4 ). 2
4. [ ] ( ) [ ] ( ). ( ) [ ] [ ]. : katiescafe (katiescafe-final.muse). katiescafe.muse.muse. Adobe Muse katiescafe-final.. 7. [ ] [ ]. 8. [ ] > [ ]. [Adobe Muse ] katiescafe.muse. ( katiescafe ) [ ].. ( ),. (, " " " " " ".) Muse,.,,,... [ ] Muse [ ]. " ", "A- "..,,.. " ".. (+). " ", "food", "events", "about", "visit" ( 5 ). 1. " " " " (+).. "food". 2. "food" (+). "events". "events" (+). "about". "visit". 5.. :. 3
.. [ ] Ctrl. "A- ". [ ].. 3. GALLERY (+). Gallery-fullscreen ( 6 ). 6. Gallery.. [ ] [ ], [ ], [ ] 3.. [ ] [ ] (+). ( 7 ). 7. [ ].. [ ] Command+7(Mac) Ctrl+7(Windows). [ ] Command+8(Mac) Ctrl+8(Windows). [ ] Command+9(Mac) Ctrl+9(Windows). [ ], [ ] / [ ] 2.. Muse. A-. A-. Muse, HTML, JavaScript CSS., Muse..muse project.. 1. [ ] A- Footer. A- 4
[ ]. ( 8 ). 8. [ ] A-.. [ ].. [ ]... [ ]. 0.. 2. [ ]. 3. 16 (#F5F1EE) ( 9 ). 9. [ ]. 4. [ ]. [ ] 5
.. 1. [ ] ([ ] > [ ]). 2. [ ] > [ ]. color-palette.png.. 3. [ ] [ ] ( 10 ). 10.. 50%,,.. 1.. [ ]. [ ]. 2. [ ] Dark Brown ( 11 ). 11.. 3. [ ] [ ]. 4. 1-3. Off White. 6
5. Light Brown, Brown. 6. (color-palette.png) Delete/.. 100% 100%.. 1. [ ] 250. 2. [ ] Dark Brown 0. ( 12 ). 12.. 3. [ ].,,. 100%. :, [ ] ([ ] > [ ]) 100%. 4. [ ] > [ ]. [ ] [ ]. Photoshop [ ] [ ].. [ ].,,,, Photoshop. [ ] Lorem Ipsum. [ ].. 1. [ ]([ ] >[ ]). [ ]. 2. [ ]. 3. [ ].. 1. [ ]. 2. Delete/. 3. [ ] > [Photoshop ] Assets banner.psd. [Photoshop ] 7
[ ] ( 13 ). 13. Photoshop [ ]. 7. [ ] Photoshop. 8. [ ] > [ ] ( 14 ). 14. Photoshop. 9. [ ] Lorem Ipsum DOWNLOAD MENU. 10. [ ] [ ] Off White. [ ] [ ]. Open Sans Condensed Bold. : : Open Sans Condensed Bold [ ] [ ]. Muse :,. 8
11. 15. 0, 24.. [ - ] (h2) (SEO) ( 15 ). 15. [ ]. [ ] 4... 12. [ ]. [ ]. [ ]. 13. Esc [ ]. 14. [ ] ([ ] > [ ]) [ ], [ ], [ ] [ ]. [ ].. 15. [ ] [ ]. 16. 14-15. 17. [ ] [ ] ( 16 ). 16. [ ].. 1. [ ] [ ] 377 ( ) x 15 ( ).. 2., Off White. 3. [ ] [ ] []. 9
4. []. [ ]. 1,, 0 ( 17 ). 17.. 5. []. 6. [ ] [ ]. 7. Option/Alt. [ ] ( 18 ). 18. [ ].. [ ]... Twitter Facebook Creative Commons. 10
2 Font Awesome Muse 1 [ ] [ ]. 2.. Adobe Muse.. 1. [ ] > [ ] [ ]. 2. [ ]. A- ( 19 ). 19.. [ ] [ ]..... [ ] [ ] 11
......,.. Esc..... 3. [ ] [ ] [ ]. [ ]. [ ].. [ ],. [ ] [ ]. [ ] [ ]... 1. [ ]. [ ] ( 20 ). 20. [ ]. 22. : : : : : : : :, [ ].. 2. [ ]. 1. [ ] > [ ] [ ]. 12
2. ( ). [ ].. [ ]. :.. 1. Adobe Muse. 2.. ( 23 ). Esc. : Esc. [ ] [ ] [ ].. [ ]. ( 21 ). 3. [ ] > [ ] [ ]. 21. [ ]. 4. [ ] (,, ). [ ]. 5. [ ]. [ ] [ ]. [ ] [ ] [ ]. 6. [ ] [ ] [ ]. [ ] [ ]...... Muse :,. 1. [ ]. [ ]. 2. [ ]. 3. [ ] > [ ] [ ]. 4. [ ] [ ] [ ]. Off White. [ ] [ ]. Open Sans. 13
. 5. 12. 1, 120% ( 22 ). 22. [ ]. 1. [ ] > [ ] [ ]. 2. [ ] ( ). 3. [ ]. menu footer ( 23 ). 23. [ ]( ) [ ]. : [ ] ( Ctrl ),. [ ] [ ]. [ ] HTML. [ ] (,, ). 1. [ ]. Muse Webkit. ( ).. 2. [ ] A-. Font Awesome 14
. Font Awesome... [ ] [ ]. 1. Adobe Muse Font Awesome. 2. [ ] Font Awesome (.mulib ).. 3. [ ]([ ] > [ ]). 4. [ ] 2.mulib. 5. FontAwesome (icons) [ ] ( 24 ). 24.. 6. FontAwesome icons. 7. Brand Icons. 8. [ ] [Facebook]. [ ]. 9. [ ] Brown. [ ] Off White ( 25 ). 25. Facebook. 10. 7-9 Google+, Tumblr, Twitter 4. [ ] ( 26 ). 26.. 15
11. [ ] > [ ]. Download Menu [ ]. PDF. 1. [ ]. 2. [ ] [ ] [ ] [ ]. [ ] Katie's Cafe Menu.pdf. [ ] ( 27 ). 27. PDF. [ ],.. [ ] KatiesCafeMenu.pdf. PDF PDF. 3. [ ] > [ ]. 4. Download Menu PDF... 1. [Facebook] [ ] Katie's Cafe Facebook ( / ). http://www.facebook.com/katiescafesf 2. [Google+] Katie's Cafe Google+. https://plus.google.com/u/1/117800212967830061444/posts 3. [Tumblr] Katie's Cafe Tumblr. http://katiessf.tumblr.com 4. [Twitter] Katie's Cafe Twitter. http://twitter.com/katiescafesf 16
5. Facebook. [ ] [ ]. [ ]. [ ] ( 28 ). 28.. 6. 5 Google+, Tumblr, Twitter. ( ).. (Adobe Muse ),. [ ]. [ ]. ( [ ] ). [ ] mailto:. mailto:email@address.com [ ].,, URL [ ].. Muse.. 1. [ ] > [ ]. [ ]. ( 29 ). 17
29.. [ ]. [ ]. 5. 5,,,,... :... 2. [ ] [ ] 30. 30. [ ] [ ]. 3.. 18
. 3. 620px. 4. [ ] (Y: 0px ). 0px.... 1. [ ]. [ ] > [ ]. 2. [ ]. [ ] [ ] ( 31 ). 31.. Footer.. 1. [ ] [ ] Place Gun. 2. top ( 32 ). 32. top. 3. [ ] Twitter Facebook Creative Commons. 19
3 Interior Landing Adobe Muse 2 [ ]. [ ]. Muse Font Awesome.. [ ] katiescafe [ ]. Footer ( 33 ). 33. [ ] Footer..... ( : ),. [ ] > [ ]. 20
. Footer. 1. [ ] Footer (+). 2. Footer B-. Landing. 3. Footer [ ] > [ ]. Landing Footer [ ] ( 34 ). 34. Footer Landing. Landing Footer., Footer (A- ). Footer Landing Footer Landing. Footer. Landing Interior. Landing Interior. Landing Interior [ : ]..... 4. Landing (+). Interior. 5. Footer Interior. Footer Interior Interior [ ] [Footer]. Interior Interior. 1. Interior [ ]. 2. 90. 100%.. 3. Brown 0. 4. [ ] Footer [ ]. [ ]. 5. Interior. [ ]. 6. [ ]. [ ] [ ] [ ]. : Open Sans Condensed Bold : 20 : Light Brown : : 0 : 24px : 24 - : (h2) 21
. 7. [ ] subhead. 8. [ ] [ ]. [ ], [ ], [ ] Brown ( 35 ). 35. Brown. Interior. Interior. 1. [ ] > [ ] Command+D(Mac) Ctrl+D(Windows) [ ]. logointerior.png [ ]. 2.. [ ] [ ]. 3. [ ] Muse ( 36 ). 36. Interior. 4. [ ]. Landing Landing.. Interior. 1. [ ] [ ] Interior. 2. [ ] Landing [ ] > [ ]. 3. Shift 4 40. 4. [ ] > [ ] logo-landing.png [ ]. 5.. [ ] [ ]. 22
.. Interior.. 1. Landing. [ ] [Landing]. 1. [ ] [ ].. (Landing Footer). 2. 100%. 3. [ ] [ ]. [ ] imgsalad-darker.png [ ] ( 37 ). 37.. 4. [ ] [ ] [ ]. 5. [ ]. 6. [ ]... : Open Sans Condensed Bold : 50 : Brown : : 1 : 48px - : (h1) : Gentium Book Basic Bold Italic : 16 : Light Brown 23
: : 1 : 24px - : (h3) 1. [ ]. 2. WELCOME TO KATIE S CAFÉ. [ ] [ ] [ ]. 3. heading 4. heading A small family-owned chain of cafés in San Francisco. 5.. 6. Subhead serif... 7. [ ]. [ ] (+).. 8... ' : ' ( 38 ). 38... -. 1. [ ] > [ ]. 2. [ ] 445 ( ) x 20 ( ). (9 ). 3.. Light Brown. []. 2 0. 4. Option/Alt [ ]. 5. [ ]. 6. Muse Character Viewer. White Four Pointed Star. 24
7. [ ]. : Gentium Book Basic : 24 : Light Brown : : 3 : 24px 8. [ ] > [ ]. 1. [ ] > [ ] [ ]. 2. [ ]. 3. Page Designs. 4.. [ ] ( ). Page Separator ( 39 ). 39. [ ]. [ ]. [ ] Page Designs Page Separator. 3. 1. [ ] 304 x 304. 2. [ ]. 3. Option/Alt. Option/Alt. 4.. [ ] img-coffee.jpg. [ ] [ ] [ ]. [ ]. 5. 4. img-baking.jpg img-dinner.jpg ( 40 ). 25
40. 3. 3 3. 1.. Return/Enter. The finest coffee & tea We serve only premium roast coffees from around the world and offer fresh coffee for each customer. We also offer a selection of loose leaf teas, everything from exotic flavors to the classics. 2. [ ]. [ ] > [ ]. 3. [ ] subhead. 4.. [ ]. : Gentium Book Basic : 16 : Brown : : 0 : 24px : 24 - : (p) 5. body. 6. 3.. Delicious home baking Based on Katie s original award-winning recipes, we serve a full menu of baked goods. These items are made fresh each morning to ensure you are getting the best quality possible. 7.. subhead body. 8... Fresh & healthy meals With an extensive breakfast, lunch, and dinner menu, we do more than your typical café. All our meals are made to order and contain only the freshest ingredients. 9. [ ] 4.. Introducing our seasonal cupcake 26
For a limited time, you can get one of our Maple Walnut Cupcakes. Based on the same ingredients that make all our cupcakes taste so good, plus the rich and decadent flavors of maple and walnut, you won t want to pass these up. Katie Ricks 10. subhead. 11. body. 12. Katie Ricks. [ ]. : La Belle Aurore : 42 : Brown : : 0 : 24px : 6. 13. [ ]. [ ] 77... OUR STORY Katie's Café is a small family-owned chain of cafés in San Francisco, California, USA. The original Katie's location in Noe Valley opened it's doors in the summer 2006 after founder Katie Ricks decided to spread her love of delicious baked goods and quality coffee to the neighborhood she resided in. Katie's in Noe expanded its menu to include full meals in addition to baked goods in 2007. Soon afterward in spring 2008 Katie's opened a new location in Laurel Heights just north of the University of San Francisco. A third location in Cole Valley opened in winter 2011. Every item served at Katie's Café is created from Katie's own recipes, painstakingly crafted through years of baking for friends and family.. AWARDS Katie's Café has won several awards in the annual San Francisco Times Best of SF competition, most notably Café of the Year in 2010. Katie's was also recently featured in an episode of No Fear: The Culinary Travels of Andrew Bourdin; Andrew pronounced her Abomination Unto the Lord Cake "a life-changing experience that has ruined me for all other cakes.". 1. 100%. 2. [ ] img-cupcakes.jpg. [ ] [ ] [ ]. 3. [ ]. 4. [ ]. 100% 1214. 5. [ ] > [ ].. 1. WELCOME TO KATIE S CAFÉ. 2. Option/Alt. ABOUT KATIE S CAFÉ. 3. [ ]. Page Designs Page Separator.. 4. 450 ( ) x 300 ( ). img-cookie.jpg. [ 27
] [ ]. 5.. 6. 450.. 1. subhead, body. 2.. 1. 450.. 1. subhead, body. 2.. 1. 450. 2.. img-breakfast.jpg [ ] [ ]. 3. Our Story. 4. [ ] FontAwesome. Directional icons. 5. [ ]. Circle Arrow Up. Brown ( 41 ). 41. Font Awesome. 6. Arrow Up [ ] top ( 42 ). 42. top. 28
7. [ ] > [ ].. Arrow Up. 8. [ ]. [ ] > [ ]. 4. [ ]. " ". Twitter Facebook Creative Commons. 29
4 [ ] 5 " " Muse 3 [ ]. [ ]. [ ]. Muse,,, Edge Animate. [ ] [ ] [ ]. 1.. 2. [ ]>[ ]. [ ] ( 43 ). [ ]. 0 [ ]. ( ) 0px. [ ] [ ] 0.5. 0. 43.. (0 : ) 0.5. [ ]. [ ] [ ] 0.5. 0. 30
( ) 1114px. [ ] [ ] 0.5. 0. 3. [ ] > [ ].. 4. Muse. 5. [ ] ([ ]>[ ]) ( 44 ). 44.. 6. [ ] > [ ]. 100%. 7. Muse. X [ ].,,,.. 1. [ ].. 2. [ ]. 3. FRESH LOCAL INGREDIENTS & INNOVATIVE RECIPES. 4. heading. 5. [ ]. (&). 6. [ ] Page Separator. [ ] Footer [ ]. [ ]. : : : : : : : :, 31
1. [ ] [ ] [ ]. 2. [ ] 5. 3. [ ]. ( 45 ). 45. [ ] [ ] [ ]. 4. [ ] [Name]. 5.. [ ]. [ ] BREAKFAST. 6. [ ]. BREAKFAST (+). [ ] LUNCH. 7. 6 3 DINNER, DESSERT, DRINKS. 8. [ ]. [ ]. [ ], [ ], [ ]. 9. [ ] Light Brown. [] 2 0.. 10. [ ] [ ]. BEVERAGE [ ]. [ ]. [ ]. 11. [ ]. subhead.[ ]. : Open Sans : 16 : : 0 subhead (+).. 12. [ ] [ ]. 9 [ ]. 13. [ ] 52.. [ ] [ ]. 100% 5.... 32
.. 5,,,, 5.. 1. [ ] [ ] [ ] ( 46 ). 46. [ ] Place Gun. 2.. 3. [ ] breakfast. [ ] 303 ( 47 ). 47.. 4.. [ ] 4. lunch: 1255px dinner: 1731px dessert: 2798px drinks: 3200px [ ] Y. : ( [ ] ) " ". 100 100.. 33
1. BREAKFAST. [ ]. 2. [ ] ( 48 ). 48. BREAKFAST. 3. 2. 4. [ ] > [ ].. [ ] [ ]. 5. Muse. 5 100%.. [ ]. 1. [ ] 52. 2.. img-breakfast.jpg. [ ]. 3. 100%. 267. 4. BREAKFAST. 5. [ ] FontAwesome icon Directional icon. [ ] Circle Arrow Up. Light Brown. 6. Circle Arrow Up [ ] BREAKFAST B. Circle Arrow Up BREAKFAST. 7. Circle Arrow Up. 8. BREAKFAST heading. Off White [ ]. 9. BREAKFAST 600 (Y), (X) 4 (Y).. 10. BREAKFAST Shift. Shift Option/Alt. 34
. 11. 1205. [ ] BREAKFAST LUNCH. [ ] img-lunch.jpg. [ ]. 12. 10 11. 1977. DINNER. img-dinner.jpg.. 13. 10 11. img-dessert.jpg. DESSERT Y 2748. 14.. DRINKS. imgdrinks.jpg. Y 3446. 2. The Spike $9 Breakfast burrito with egg, black beans, guacamole, onion, cilantro, chipotle tomato salsa, and your choice of potato, chicken, or beef The Dazzler $7 Hash browns with scrambled eggs and locally sourced bacon The Nessie $8 Two hearty buttermilk pancakes with your choice of chocolate chips or blueberries 1. [ ] > [ ] Assets breakfast1.txt. [ ] [ ]. 2. Breakfast. 3. ( ) subhead serif. body. 4.. Breakfast Lunch. 4. 5. 1 4 breakfast2.txt. 4. 6.., lunch1.txt lunch2.txt,,. 7.... 100% [ ]. 267 1,300 [ ].. 1.. [ ] ([ ]>[ ]) [ ] ( 49 ). [ ] [ ] 0.5x. 0x. 440px ( T ) [ ] [ ] 0.5x. 0x. 35
49. [ ]. 2. Lunch. 1205px. [ ] [ ] [ ] 0.5x. 0x. 3. 2 Dinner. 1977px. 4.. 2748px Dessert. 3446px Drinks. 5. [ ] > [ ]. Dessert Dessert.. Adobe Muse. " ". [ ]. [ ] " ". 1: 5px(0%) : 252px(0%) 2: 252px(100%) 1. [ ]. 2. Option/Alt.. 3. Y 92. 4. [ ]. [ ] ( ). 5. [ ] ( 50 ). 36
50. [ ]. : T [ 1], [], [ 2]. 252 (0% ). ( ) [ ].. ( ) ( ). 6.. [ ] ( 51 ): : 45 : 1160 X: -100 Y: 87 100%. 51. 100%. 1. [ ] [ ]. 1: 5px(0%) : 252px(0%) 2: 252px(100%). 2. [ ] > [ ]. ( ).. Adobe Muse 5,. [ ]. HTML. Twitter Facebook Creative Commons. 37
5 Place gun [ ] HTML Muse Muse 4.. 5 Muse. HTML Tumblr.. 1. [ ]. 2. [ ] > [ ]. 3. GALLERY. header. 4... Ever since Katie s Café first opened its doors in 2006 we have been dedicated to sourcing fresh local ingredients and providing the quality finished product to our customers. Founder, Katie Ricks, body. 5... is passionate about food and customer service. This passion is what inspires every menu item and we are proud of the classics, as well as the new items that we serve. body. 6. [ ] [ ] > [ ]. 7. [ ] Page Separator. 8. [ ] (,, ) ( 52 ). 52.. 38
Place gun 1. [ ] > [ ] Assets gallery-1.jpg, gallery-2.jpg, gallery-3.jpg, gallery-9.jpg. [ ] [ ]. Place gun 4 4. 2... 16% 330 ( ) x 220 ( ). 3. 2.. Muse. (220 x 220 ). 1. [ ] gallery-1.jpg. 2.... 3. [ ].. 220 ( 53 ). [ ]. 53. [ ]. 4. 1-2 gallery-2.jpg, gallery-3.jpg, gallery-9.jpg 220. 5. [ ] ( 54 ). 39
54. 4.. 1. gallery-4.jpg 38%. [ ] 464 x 512. [ ]. 2. gallery-5.jpg. 24%.. 264 x 246. gallery-4.jpg. 3. gallery-6.jpg 50%.. 953 x 516.. 4. gallery-7.jpg 23%. 464 x 342. 5. gallery-8.jpg 23%. 464 x 310. [ ] ( 55 ). 55.. (gallery-5.jpg).. 40
. 1.. 464 x 242. Light Brown. 2.. VIEW GALLERY FULLSCREEN 3. heading. Off White [ ].. 4. [ ] Gallery-fullscreen ( 56 ). 56.. 5. [ ].. 6. [ ] [ ] [ ]. 7.... : Light Brown : Brown : Light Brown : Brown : [ ] HiDPI(2x). HiDPI. 8. [ ] [ ]. 9. [ ]. [ ] Gallery-fullscreen [ ]. 100%. 41
: : : :.5, 3 : : : : : : : : : : : : : : : : : 1. [ ] Gallery-fullscreen. 2. [ ] > [ ]. 3. [ ] [ ].. 4... 5. [ ] ( 58 ). 42
58. [ ]. 6. [ ]. [ ] gallery-1.jpg, gallery-2.jpg, gallery-3.jpg, gallery-4.jpg, gallery-5.jpg, gallery-6.jpg, gallery-7.jpg, gallery-8.jpg. [ ] 8 [ ]. 7. [ ]. 8. [ ]. [ ] [ ] 8. 3.. 9. [ ] [ ]. 10. [ ]. [ ] [ ]. [ ] 40. : [ / ] 75% [ ]. 1. [ ] [ ] Light Brown. 2. [ ] [ ] [ ]. subhead, 100%, 0, White. 3. White 77. subhead. 0. 4.... Latté with fresh-ground espresso topped with premium chocolate shavings 43
5. [ ].. The Pink Lady with fresh-squeezed lemonade and a dash of cranberry juice 6.. Chocolate-Cinnamon Swizzle Sticks available for every hot beverage Marshmallow Crisp Bars and Puffed Wheat Bars made fresh every morning Seasonal Maple Walnut Cupcakes Tart yet sweet Lemon Meringue Pie with fresh lemon juice and lemon zest Katie's Café relies on the freshest organic ingredients purchased daily Grilled Cheese with Rye Bread accompanies our home-made Gazpacho soup 7. [ ] > [ ]. ( 59 ). 59. [ ]. 18. [ ]. [ ]. VIEW GALLERY FULLSCREEN [ ] [ ]. 19. Adobe Muse [ ] Gallery-fullscreen. Tumblr. 1. [ ]. 2. [ ] > [ ]. 3. KATIE S BLOG. header. 4. [ ] Page Separator. 5. [ ] ( 60 ). 44
60.. HTML Muse HTML Google Maps, YouTube, SoundCloud, Flickr Picasa. embed. HTML. HTML(,, ) (,, ). Tumblr.com... HTML. : Tumblr.. 1. Tumblr. Tumblr. <iframe src="http://katiessf.tumblr.com/" width="916" height="3500" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" style="border:0px;"></iframe> 2. [ ] [ ]. 3. [ ] > [HTML ]. [HTML ]. [ ] [HTML ]. HTML Katie's Cafe Tumblr. 4. [ ]. ( 61 ). 45
61. Tumblr. HTML Muse. HTML HTML [HTML ]. [HTML ] ( 62 ). 62. [HTML ]. 6. [ ] > [ ].. Interior. HTML Tumblr 6 Google. [ ]. Twitter Facebook Creative Commons. 46
6 HTML Google [ ] [ ] [ ] Muse 5. [ ]. HTML Google. [ ].. HTML Google Google. ( ) [ ]. [ ]. [ HTML ] HTML. 1. [ ] [ ]. 2. Google. <iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms? ie=utf8&hl=en&msa=0&msid=218302982680021663941.00049fcd9cf93276f540e&ll=37.7737,- 122.43782&spn=0.067844,0.098877&z=12&output=embed"> </iframe>. Katie s Café 3. 3.. [ ] HTML ( 63 ). 63. Google embed. 47
4. [ ] Contact. 5. heading. 6... While each of our bakeries embodies the unique attributes of its neighborhood, they are all bound together by Katie's impeccable attention to detail, commitment to service, and, above all, enjoyment of good food. 7. body. 8. Option/Alt.. attention to detail, commitment to service, and, above all, enjoyment of good food. 9. [ ] [ ] > [ ]. 10. [ ] Page Separator. 11. [ ] (,, ). 12. [ ] > [ ] ( 64 ). 64. Google. HTML Google. (+) (-). 13. Muse., [ ] [ ].. 1. [ ] [ ]. 2. ( ). 3. [ ] [ ]. [ ] ( 59 ).. 1. [ ]. 2. [ ] [ ]. [ ], ( 65 ). 48
65. [ ]. 3. [ ]. [ ] [ ]. 1. [ ] [ ]. 2. [ ] ( 66 ). 66. [ ]. [ ]., [ ]. [ ] 49
.,. 3. [ ] [ ]. [ ]. ( 67 ). 67. [ ].. : [ ] ( ). [ ]. ( ) ( ) 3 [ ].. BC CAPTCHA. [ ] [ ]. (+) [ ]. [ ], [ ] [ ].. 1. [ ]. [ ] [ ]. 2. [ ], [ ] [ ] [ ]. [ ] [ ] [ 50
] [ ] ( 68 ). 68. [ ]. : [ ]. 3. 2 [ ] [ ]. 4. [ ]. [ ].. [ ] [ ] [ ].. 1. [ ] [ ] ( 69 ). 69.. 51
2. [ ]( ). [ ], Brown, 1. 3. [ ]. [ ] [ ] NAME. 4. subhead serif Gentium Book Basic [ ] 7. 5. 2-4 [ ] [ ] [ ]. 6. [ ]. [ ].. 7. 6 [ ] [ ] [ ]. 8. [ ] EMAIL HOW CAN WE HELP YOU?. [ ] [ ]. [ ] [ ]. [ ]. 1. [ ] [ ] [ ]. [ ] [ ]. [ ]. 2. [ ] Light Brown. 3. [ ] Brown.. 4. [ ] [ ]. [ ] SEND MESSAGE.. 5. subhead [ ], 0, White.... 1.... 2... Katie s Café 3. 1. [ ].. KATIE'S CAFE NOE VALLEY 123 ELIZABETH STREET Monday - Friday 06:00-22:00 Saturday - Sunday 07:00-22:00 2. subhead. 16, 0. 52
3. ( ) body. 4. Option/Alt.. KATIE'S CAFE COLE VALLEY 301 CARMEL STREET Monday - Friday 07:00-22:00 Saturday - Sunday 09:00-22:00 5... KATIE'S CAFE LAUREL HIEGHTS 800 SPRUCE STREET Monday - Friday 05:00-22:00 Saturday - Sunday 07:00-22:00 6. [ ] 3 30. Adobe Muse... HIEGHTS ( 70 ). 70.. 1. [ ] ( ). 2. Return/Enter. ([ ] > [ ]) [ ]. HEIGHTS. ( ). [ ]. 53
. [ ] [ ]. ( ). [ ] > [ ]. [ ] [ ] [ ] ( 71 ). 71. [ ].. [ ] ( ). [ ]. [ ] > ( ) ( 72 ). 54
72...., URL... Photoshop, Illustrator.. 1. [ ] > [ ]. [ ]. 2. [ ]. [ ] favicon.png ( 73 ). 55
73. [ ] favicon.png. 3. [ ] [ ]. [ ] [ ]. 4. [ ] > [ ].... Adobe.. Muse Adobe ID. Muse. 1. [ ] [ ]. [ ] URL ( 74 ). 74. URL. 2. [ ]... 3.. 56
.. 4. Muse. [ ] [ ] [ ].,,. URL.. http://my-new-website.businesscatalyst.com URL....muse. [ ]. [ : ]... Adobe Muse Adobe Muse Adobe Muse Twitter Facebook Creative Commons. 57