├── Chapter03 └── Assets │ ├── logo.png │ ├── AppStore.png │ ├── Phone-1.png │ ├── Phone-2.png │ ├── Phone-3.png │ ├── favicon.ico │ ├── fb-icon.png │ ├── up-arrow.png │ ├── webclip.png │ ├── GooglePlay.png │ ├── chef-icon.png │ ├── meals-icon.png │ ├── menu-icon.png │ ├── ramen-icon.png │ ├── Hero-Banner.jpg │ ├── Hero-Phone1.png │ ├── Hero-Phone2.png │ ├── discount-icon.png │ ├── expand-icon.png │ ├── girl-dining.png │ ├── rating-icon.png │ ├── twitter-icon.png │ ├── boiled-egg-icon.png │ ├── instagram-icon.png │ ├── serving-cart-icon.png │ └── recommendation-icon.png ├── Chapter09 └── Assets │ ├── TO_Ref_Library.jpeg │ └── libraries_of_the_world.csv ├── LICENSE └── README.md /Chapter03/Assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/logo.png -------------------------------------------------------------------------------- /Chapter03/Assets/AppStore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/AppStore.png -------------------------------------------------------------------------------- /Chapter03/Assets/Phone-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/Phone-1.png -------------------------------------------------------------------------------- /Chapter03/Assets/Phone-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/Phone-2.png -------------------------------------------------------------------------------- /Chapter03/Assets/Phone-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/Phone-3.png -------------------------------------------------------------------------------- /Chapter03/Assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/favicon.ico -------------------------------------------------------------------------------- /Chapter03/Assets/fb-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/fb-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/up-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/up-arrow.png -------------------------------------------------------------------------------- /Chapter03/Assets/webclip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/webclip.png -------------------------------------------------------------------------------- /Chapter03/Assets/GooglePlay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/GooglePlay.png -------------------------------------------------------------------------------- /Chapter03/Assets/chef-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/chef-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/meals-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/meals-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/menu-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/menu-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/ramen-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/ramen-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/Hero-Banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/Hero-Banner.jpg -------------------------------------------------------------------------------- /Chapter03/Assets/Hero-Phone1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/Hero-Phone1.png -------------------------------------------------------------------------------- /Chapter03/Assets/Hero-Phone2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/Hero-Phone2.png -------------------------------------------------------------------------------- /Chapter03/Assets/discount-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/discount-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/expand-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/expand-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/girl-dining.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/girl-dining.png -------------------------------------------------------------------------------- /Chapter03/Assets/rating-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/rating-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/twitter-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/twitter-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/boiled-egg-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/boiled-egg-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/instagram-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/instagram-icon.png -------------------------------------------------------------------------------- /Chapter09/Assets/TO_Ref_Library.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter09/Assets/TO_Ref_Library.jpeg -------------------------------------------------------------------------------- /Chapter03/Assets/serving-cart-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/serving-cart-icon.png -------------------------------------------------------------------------------- /Chapter03/Assets/recommendation-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Webflow-by-Example/HEAD/Chapter03/Assets/recommendation-icon.png -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Packt 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Chapter09/Assets/libraries_of_the_world.csv: -------------------------------------------------------------------------------- 1 | Name,Slug,Showcase Image,City,Country,Continent,Description,Address,Year of Construction,Website,Image Gallery,Books 2 | Grande Bibliotèque,grande-biblio,https://media1.ledevoir.com/images_galerie/nwd_746098_584235/image.jpg,Montreal,Canada,North America,"The Bibliothèque et Archives nationales du Québec or BAnQ is a Quebec government agency which manages the province's legal deposit system, national archives, and national library. It is located in the heart of Montreal.","475 Boul. de Maisonneuve E, Montréal, QC H2L 5C4",2006,https://www.banq.qc.ca/accueil/,https://mobile-img.lpcdn.ca/lpca/924x/r3996/49cd7c39-2146-11ea-82bb-0eda3a42da3c.jpg; https://live.staticflickr.com/7168/6679947203_da0f8b99ff_b.jpg; https://live.staticflickr.com/4141/35623315731_63bacee8f5_b.jpg,3000000 3 | Saint Catherine's Monestary Library,saint-catherines-monestary,https://alittlenomad.com/wp-content/uploads/2019/05/20190501_112559.jpg,Sinai,Egypt,Africa,The library at Saint Catherine's Monastery is the oldest continually operating library in the world. Among its thousands of ancient parchments are at least 160 palimpsests—manuscripts that bear faint scratches and flecks of ink beneath more recent writing.,-,565,https://www.sinaimonastery.com/index.php/en/library,http://justfunfacts.com/wp-content/uploads/2016/07/Saint-Catherines-Monastery-library.jpg; http://discoversinai.net/english/wp-content/uploads/2017/08/library-monastery-st-catherine.jpg; https://i.redd.it/zhw582dszad11.jpg,7000 4 | New York Public Library,new-york-public,https://media.vanityfair.com/photos/54ca98af51062027081e90c5/master/w_2560%2Cc_limit/image.jpg,New York City,USA,North America,"The New York Public Library is a public library system in New York City. With nearly 53 million items and 92 locations, the New York Public Library is the second largest public library in the United States and the fourth largest in the world.",-,1895,https://www.nypl.org/,; https://untappedcities.com/wp-content/uploads/2019/05/featured-new-york-public-library-42nd-street-NYC-untapped-cities1.jpg; https://cdn.thomasnet.com/insights-images/8ff46f2e-2da0-4a7c-b3f4-32358d71a588/750px.png,55000000 5 | Austrian National Library,austrian-national,https://www.vienna-unwrapped.com/wp-content/uploads/2016/04/austrian_national_library_20.jpg,Vienna,Austria,Europe,"The Austrian National Library is the largest library in Austria, with more than 12 million items in its various collections. The library is located in the Neue Burg Wing of the Hofburg in center of Vienna. Since 2005, some of the collections have been relocated within the Baroque structure of the Palais Mollard-Clary.","Josefsplatz 1, 1015 Wien, Austria",1368,https://www.onb.ac.at/,https://www.wien.info/resource/image/307372/3x2/800/533/c97021d660b598ae1c172453a6f96257/uc/prunksaal-nationalbibliothek-3-.jpg; https://cordmagazine.com/wp-content/uploads/2017/10/Admont-Abbey-Library-Admont.jpg; https://bluesyemre.files.wordpress.com/2018/01/austrian-national-library-vienna-austria.jpg,12000000 6 | Doha National Library,doha-national,https://d2j4wk5yeie6y7.cloudfront.net/sites/default/files/styles/1920/public/2019-09/07-qatar-national-library-29_0.png?itok=NPCBGTbR,Doha,Qatar,Asia,"Qatar National Library (QNL) is a non-profit organization under the umbrella of the Qatar Foundation for Education, Science and Community Development. QNL aims to serve a three-fold function: as a national library, a research-level university library, and a central metropolitan public library equipped for the digital age",-,2012,https://www.qnl.qa/en,https://static.dezeen.com/uploads/2018/04/oma-qatar-national-library-completes-architecture-news_dezeen_2364_hero_e-1-852x479.jpg; https://www.architecturalrecord.com/ext/resources/news/2018/04-April/Qatar-National-Library/OMA-Qatar-National-Library-04.jpg?t=1523457213&width=900; https://www.iloveqatar.net/public/images/local/_760x500_clip_center-center_none/shutterstock_1552692176-1.jpg,800000 7 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | # Webflow by Example 5 | 6 | Book Name 7 | 8 | This is the code repository for [Webflow by Example](https://www.packtpub.com/product/webflow-by-example/9781801075398), published by Packt. 9 | 10 | **Design, build, and publish modern websites without writing code** 11 | 12 | ## What is this book about? 13 | Webflow is a modern no-code website-builder that enables you to rapidly design and build production-scale responsive websites. Webflow by Example is a practical, project-based, and beginner-friendly guide to understanding and using Webflow to efficiently build and launch responsive websites from scratch. 14 | 15 | This book covers the following exciting features: 16 | * Build and customize websites without any code 17 | * Understand how to approach designing and developing for the modern web 18 | * Become familiar with the main functionalities of Webflow 19 | * Follow best practices for Webflow development while working on a practical project, from its design to launch 20 | * Harness the power of the Webflow CMS to create dynamic content 21 | 22 | If you feel this book is for you, get your [copy](https://www.amazon.com/dp/1801075395) today! 23 | 24 | https://www.packtpub.com/ 26 | 27 | **Following is what you need for this book:** 28 | If you’re an entrepreneur, web designer, or anyone with little web development knowledge, this book will help you learn how to build fully responsive websites and web prototypes without writing a single line of code. If you’re a web designer, this book will make you a more informed web developer. If you’re already a developer, this book will help you become a better web designer. 29 | 30 | With the following software and hardware list you can run all code files present in the book (Chapter 1-14). 31 | 32 | ### Software and Hardware List 33 | 34 | | Chapter | Software required | OS required | 35 | | -------- | ------------------------------------| -----------------------------------| 36 | | 1-14 | Google Chrome browser |Windows | 37 | | 1-14 | Safari browser | Mac OS X | 38 | 39 | 40 | We also provide a PDF file that has color images of the screenshots/diagrams used in this book. [Click here to download it](https://static.packt-cdn.com/downloads/9781801075398_ColorImages.pdf). 41 | 42 | ### Related products 43 | * WordPress 5 Cookbook [[Packt]](https://www.packtpub.com/product/wordpress-5-cookbook/9781838986506) [[Amazon]](https://www.amazon.com/dp/1838986502) 44 | 45 | * WordPress Development Quick Start Guide [[Packt]](https://www.packtpub.com/product/wordpress-development-quick-start-guide/9781789342871) [[Amazon]](https://www.amazon.com/dp/1789342872) 46 | 47 | ## Get to Know the Author 48 | **Ali Rushdan Tariq** 49 | is a product designer, strategist, and award-winning writer with more than 10 years of experience helping start-ups, scale-ups, and large corporations build simple solutions to complex problems while growing strong design teams. He is passionate about advocating user-centered design cultures in organizations and mentoring junior designers. At the time of writing, he is a Principal Designer and Associate Director of product design at Slalom Build, where he helps organizations design products that make a difference. When not designing, he enjoys traveling (in a non-pandemic-riddled world), photography, cooking, and the occasional video game. He is based in Kitchener, Canada, with his wife and son. 50 | 51 | ### Download a free PDF 52 | 53 | If you have already purchased a print or Kindle version of this book, you can get a DRM-free PDF version at no cost.
Simply click on the link to claim your free PDF. 54 |

https://packt.link/free-ebook/9781801075398

--------------------------------------------------------------------------------