Tag Archives: html

Feature Boxes

In this tutorial we will show you how to create feature boxes with HTML and CSS. Feature boxes are common on many websites and help summarize services or products a business offers, etc. The final result will look like the following: Before jumping into the code, it will be useful for you to download the images folder containing the icons shown above for our feature boxes. You can download the ZIP file with the images folder and associated icons here. The first thing we’re going Continue reading →

Full Screen Landing Page

Hello everyone! This will be the start of my web design tutorials. In this little tutorial, we will be creating a full screen landing page. Here’s a preview of what we’ll be making: To start, let’s head over to Unsplash so we can pick out a picture we want. I really like the sunset picture you see in the preview by Samuel Zeller (available here). When you find the picture you want to use, just click the large green “Download” button on the image preview. Continue reading →

HTML Beginner Blocks

This course covers much of the HTML you will encounter in the real world. Concepts include how to: Declare an HTML document Add paragraphs Bold, italicize, and underline text Line breaks Headings Unordered lists Ordered lists Nested lists Adding images Adding tables Basic CSS styling for tables Hyperlinks This is the blog post version of the PDF, which is available in our shop. Without further ado, here is “HTML Beginner Blocks”: HTML Beginner Blocks Version 1.0 Written by Jared York © 2019 York Computer Solutions Continue reading →