The IBAT college diploma in web design is a ten-week learning journey that takes you from the basics of working with HTML5 and CSS3 files to building a personal portfolio website.
In this sections we learned the basics of HTML and CSS, VS Code, hosting on GitHub, working with responsive text, hyperlinks and colours.
Some text from A Tale of Two Cities, a novel published in 1859 by Charles Dickens.
A showcase of a web page of ethically-sourced organically-grown, high-quality cocoa.
Some text from Wikipedia about the 1983-recorded song Purple Rain by Prince.
A basic web page containing some placeholder text created with Lorem Ipsum.
In this sections we learned how to work with images, fonts, styling hyperlinks and how to track your visits with Google Analytics.
The works are characterised by bold colours and dramatic, impulsive and expressive brushwork.
The country's most popular atractions for visitors, according to the Irish Tourist Board.
Dublin's finest smoothie store. Offering tasty alternatives to sugary and unhealthy snacks.
All you need to know about your website traffic, without tracking or storing visitors' personal information.
In this sections we learned how to work with the box model (CSS Flexbox), panels, sections and an introduction to responsive web design.
A web page for exploring the HTML box model.
A sample web page of text in highighted divs with various background colour and border styles.
Using HTML5 section tags to create a web page with alternating dark coloured blocks.
Using HTML5 section tags to create a web page with alterating dark coloured blocks of content.
Using HTML5 section tags to create a web page with light and dark backgrounds.
Using CSS flexbox to create a web page with a four-column layout.
In this sections we learned how to make hero blocks with animated text, background images and videos.
A showcase of a hero block with animated text from "animista.net".
Using images and a linear gradient to fade the image.
Working with the video tag on loop and a linear gradient to fade the background.
In this sections we learned the main building blocks for a web page like: buttons and icons, Sign-up Forms, menus, footers and privacy pop-up message with privacy web page.
A sample web page with a range of buttons styles and Font Awesome icons.
A sample web page with a form for capturing an user's email address with "Formspree.io".
A basic menu bar that turns into a flyout menu when used in mobiles and adding footer to your web site.
Privacy and cookie consent message using Osano Open Source Cookies Pop-up.
