With HTML and Basic CSS - along with directions to get started
Curated by @SajalShlan
Tribute page
- We only need to know fundamentals of HTML.
- First, we have to create a webpage.
- Add a picture of the person, his/her details, achievements, & so on.
- Using CSS for this project will be beneficial as it will let you include different styles and layouts.
Event page
- Will need both HTML and CSS for this project.
- The header section will contain the names and images of the speakers with links.
- Event venue
- The schedule
- A section that describes the purpose of the event & which category of audience it aims to target.
A Survey form
- Basic tags/input fields in HTML required.
- Then we can use the tags to create a text field, checkbox, radio button, date, and elements for the form.
- We can always use CSS to impart a better look and feel to the form and webpage.
Photography Website
- The idea is to create a one-page photography site.
- Add the brand name, logo along with a description for the site.
- A gallery with a view button for the images & slide to view the images.
- Can keep different viewing layouts like a grid, list, etc.
Restaurant website
- One-lines for food items, prices, attractive images of different dishes, social media buttons, contact information, online reservation option, and so on.
- Using CSS, we can align the various food items and their respective prices within a grid.
A Landing Page
- We will have to create columns and margins.
- Align the items in the columns, boxes, add footer and header.
- Create separate sections for content/site elements, and edit images (resizing).
- Each section can have a different color.
Personal Portfolio Page
- Should have a header and footer section.
- The header section will include a menu highlighting our personal information, contact information, and work.
- Can place your photo at the top part of the page.
- Include a short description of our professional career and interests.
- Can add a few work samples.
- The footer can contain our social media handles.
- Can also add our CV and host the complete portfolio on GitHub via our GitHub account, can be used for Linked in or Twitter.
