1. Web Design
  2. Kube

Getting Started with Kube

by
Lessons:18Length:2.4 hours
KubeHTMLCSS
For full access to all 18 lessons, including source files, subscribe with Elements.
  • Overview
  • Transcript

4.1 Coding the Feature Article

In this lesson we’ll move onto the main content area as we insert a featured article section into our page.

1.Introduction
2 lessons, 05:50

Free Lesson
1.1
Introduction
01:03

Free Lesson
1.2
What is Kube?
04:47

2.Getting Started
2 lessons, 16:41

2.1
Downloading Kube
05:21

2.2
The Kube Grid System
11:20

3.Building the Header
5 lessons, 45:02

3.1
Coding the Header
07:04

3.2
Styling the Header
10:26

3.3
Building the Main Menu
09:55

3.4
Styling the Main Menu
08:29

3.5
Custom Media Queries
09:08

4.Building the Main Content
5 lessons, 38:56

4.1
Coding the Feature Article
12:06

4.2
Fixing the Blockquote Element
03:14

4.3
Styling the 'Read More' Button
09:29

4.4
Creating Columns with Lists
10:54

4.5
Styling the Four-Column Setup
03:13

5.Building the Footer
2 lessons, 21:12

5.1
Building the Footer
13:25

5.2
Styling the Footer
07:47

6.Finishing Up
2 lessons, 16:03

6.1
Creating a Search Field
11:23

6.2
Final Thoughts
04:40

Craig Campbell
Craig Campbell
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories