Ark AcademyArk AcademyArk AcademyArk Academy
  • Academy
  • Lessons
  • Pricing
  • My Account
  • Signup/Login
  • Lessons
    • Basic Installation
      • Upload via WP uploaderFREE1:29
      • Upload via FTPFREE1:54
      • Install Ark ThemeFREE5:15
      • Demo Install2:17
    • Introduction to Ark System
      • Global Layout, Sitemap and website hierarchy7:27
      • Create First Page5:45
    • Website
      • Customize Homepage7:03
      • Customize Archives8:00
      • Create Blog Page4:19
      • Customise Blog Single6:36
      • Create Portfolio Posts and Present Them on Page13:36
      • Create One Page and One Page Menu7:38
      • Customize Element18:59
    • Forms
      • Building basic contact form9:15
      • Build submittable form with custom PHP handler code8:35
      • Advanced Contact Form14:45
    • Recommended/Compatible Plugins
      • Fresh Performance Cache5:01
      • Fresh Custom Code Plugin5:41
      • Fresh Favicon1:32
      • ACF with CPT
        • Related Posts7:28
        • ACF - Form Filtering18:35
        • ACF - Add ACF field and print it12:26
        • ACF - Register and print Custom Post Type11:33
    • Customization - PHP, JS, CSS, fonts, icons, …
      • Create links from element parts by JavaSript6:31
      • Add PHP CodeFREE5:54
      • Add Custom Font4:43
      • Important differences between Typography, element.style, Custom Code and Custom CSS tools4:09
      • Use Chrome developer tools to inspect your website4:04
      • Add Custom Menu CSS Class1:17
      • Add Custom Icon Font8:10
      • Add Custom CSS1:31
      • Add JavaScript Code3:37
      • Add Google Analytics Code1:26
    • 3rd Party Applications and APIs
      • How to Get Google Maps API Key1:28
    • Website Migration
      • Migrate website24:37
  • Features
    • Admin Areas
      • Titlebars3:05
      • Footers4:24
      • Admin Screen Theme Options6:28
      • Admin Screen Templates2:42
      • Admin Migration4:19
      • Global Styles20:53
      • Boxed Wrappers14:15
      • Headers
        • Navigation Menu2:48
        • Mega Menu3:32
        • Transparent Horizontal Header and Whitespace Compensation2:37
        • Topbar Builder4:39
        • Header Side Menu in Horizontal Headers4:19
        • Search Bar Variants in Horizontal Header1:20
        • Header Logos8:51
        • Custom Content in Headers5:54
        • Header Colors Customisation8:21
        • Horizontal Headers2:29
        • Vertical Headers2:23
        • Header Positions4:26
        • Header Width2:41
    • Fresh Builder
      • General
        • Vertical Centering4:40
        • Equalize Height5:03
        • Difference between Elements and Sub-Elements1:24
        • Bootstrap Grid
          • Advanced - Is Last Column2:06
          • Basics7:54
          • Advanced - Offsetting2:44
      • Standardized Option Blocks
        • Link Options9:46
        • Image Settings4:19
      • System-wide Tools
        • Element.style2:28
        • Custom Code3:53
        • Box Model
          • Visibility1:31
          • Reveal Animation1:28
          • Padding and Margin7:02
          • Dimensions2:14
          • Box Shadows4:28
          • Border Radius2:43
          • Borders3:32
          • Backgrounds9:07
        • Typography
          • Text Colors2:16
          • Text Color Palette3:20
          • Text Align2:15
          • Letter Spacing2:14
          • Font Weight1:24
          • Font Size1:55
          • Other Typography1:34
      • Convenience
        • Quick Save1:19
        • Keyboard Shortcuts1:55
        • Context Menu1:09
      • Libraries
        • Section Library1:32
        • Icon Library1:53
        • Global Color Library1:52
        • Element Library3:32
    • Fresh Builder Elements
      • Text9:51
      • Slider (custom)10:31
      • Carousel (custom)2:49
      • Sidebar4:26
      • List3:48
      • Image Slider3:09
      • HTML & PHP code4:12
      • Empty Space1:53
      • If2:35
      • Embed Code1:45
      • Wrapper2:10
      • Shortcode Wrapper1:26
      • JavaScript Code1:15
      • Icons7:19
      • Buttons4:28
      • Before After Slider2:15
    • Grid
      • Advanced bootstrap grid (section, container, row, column)6:17
    • Loop
      • Single Post Wrapper1:21
      • Post Title1:36
      • Post Meta6:41
      • Post Content5:40
      • Featured Area, Featured Image4:22
      • Post Tags2:06
      • Comment Form and Comments4:07
      • Loop Elements
        • Loop12:59
        • Loop Post6:14
    • Other
      • Map9:19
      • Breadcrumbs2:40

Hi there!

This video is available only for premium members of the Ark Academy.

Become a memberLog In

Basics

introduction 0:00
building basic 1/2 + 1/2 layout 0:30
showcasing responsibility of the bootstrap grid 1:03
building 1/3 + 1/3 + 1/3 layout 4:41
nesting 1/2 column inside the 1/3 column5:40