Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
*** THIS COURSE IS STILL IN DEVELOPMENT. ***
*** MORE LAYOUTS WILL BE UPLOADED SOON! ***
Bootstrap is the standard in modern web development.
It is also the fastest way to build a website that works on any device, and learning it is easy.
In this course, all our experience in working with this awesome framework is structured in an easy to learn and accessible manner.
There are 20 full websites that we will build in this course, and we plan to make over 50 hours of video.
This course will be constantly updated, and with Bootstrap 4 coming out this year, you don't have to worry about this course being outdated.
Here is a list of layouts we will be building:
My Portfolio - A simple Portfolio to get introduced to some of bootstrap's functionality
(More information to be added here as the course progresses)
With all of these website layouts being built from scratch, and with the content constantly updated to the newest Bootstrap version, you have great value in this course.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction: Get to Know Bootstrap and It's Grid System|
There are 4 Column Size Presets in BootstrapPreview
How Does a Responsive Layout Work in Practice?
|Section 2: Layout 1: My Portfolio|
Please note that there is a download included in this lecture. The download contains the finished code for Layout 01 - My Portfolio.
Adding Images to My Portfolio Layout
Working on the Footer
Building the About me Page
Adding the Contact Page
|Section 3: Layout 2: Daria Layout|
In this video, we'll have a look at the finished layout, and we'll talk about what we will be building.
In this video, we will preview the 4 different color schemes for this layout.
Setting up our theme folderPreview
Referencing css and js and adding the custom.css filePreview
The Best Way to Learn Bootstrap Theme DevelopmentPreview
Changing the Navbar Color and Adding the LogoPreview
Tweaking the Navbar and Logo
Adding the SliderPreview
Installing Sublime Text Plugins
Adding Three Columns to the Theme
Expand Abbreviations and Wrap Them in HTML Tags with the Emmet Plugin
A Crash Course in Emmet and Adding Panel Classes to Our Three Columns
Working with Complex Emmet Abbreviations
Finishing the Structure for the Main Content
Removing Panels, Adding Color and Size to Fonts
Adding Border and Padding to Main Content
Working on Sidebar2
Adding Minor Tweaks to Sidebar1
Adding the Sidebar Navigation
Copying the Sidebar Navigation from Daria Red
Solving the Problem of Font Awesome Not Loading
Changing the Color of H3 in Sidebar2
Adding the Footer Part One
Adding the Copyright in the Footer
Adding the Footer Part Two
Adding the Footer Structure Part Three
Adding the Footer Structure Part Four
Adding the Placehold.it Image in the Footer
Using Mozilla Firefox for HTML Includes
Is There a Better Way?
Working with c9.io and PHP Includes
Adding the Header
Splitting up the Index File
Adding the Single Sidebar Pages
Adding the Full Width Page
Adding the No-Slider Page
Adding the Nav Items
Roboto Font, Nav Item Padding, Navbar Shadow
Adding More Subtle Tweaks
Fixing the Right Sidebar and Starting to Work on the Left Sidebar Nav
Fixing the Class Naming Issues and Colors for The Left Sidebar Nav
Fixing Up the Footer Area
Taking Care of the Footer Nav and Subscribe Input and Submit Button
Using CSS Specificity to Solve the Gray Border Issue
Solving the Footer Error and Adding the Contact Page
Adding Styles to the Send Button
Ajdin Imsirovic holds a major in English Language and Literature. He's been hacking html and css for the last 15 years, and the WAMP stack for the last 5, all the while working in a range of industries, most of which were unrelated to coding. He hopes to use his diverse set of skills to create and teach technology in a unique, user friendly manner. Currently living in Bosnia, he works as a web developer, exploring his interests in education and entrepreneurial business.
Life long learning is important to Ajdin, a dedication which grew through his employment history. In the future, Ajdin plans to develop his programming skills further, and to realize at least a dozen personal projects in development right now.