Alpha Moodle Theme
  • Alpha 2.5.x
  • Requirements
  • Changelog
  • Theme Installation and Update
  • Support Page
  • Translations
  • RTL Interface
  • Paid Courses
  • Getting started
    • Demo content
    • Course Layout
  • Theme Settings
    • Global Styles
      • Typography
      • UI Elements
      • Headings/Text Modifications
    • General
      • Dark Mode
        • 🌑Show/hide on the Dark Mode
    • SEO
    • Customization
      • Google Fonts
      • Colors
    • Login page
    • ⭐Front Page Blocks
      • 🕶️Show/hide for non-logged in users
      • Block Order
      • Block #0 - Default Moodle Front Page Blocks
      • Hero
        • Block #1
        • Block #2 (Hero Video)
        • Block #3
      • FAQ
        • Block #4
      • Grid Content
        • Grid Content #1
        • Grid Content #2
        • Grid Content #3
        • Grid Content #4
        • Grid Content #5
        • Grid Content #6
        • Grid Content #7
        • Grid Content #8
        • Grid Content #9
      • Content
        • Content #1
        • Content #2
        • Content #3
        • Block #5 - Logotypes
      • Categories & Icons List
        • Categories List #1
        • Categories List #2
        • Logotypes List #1
        • Icons List
      • Stats
        • Stats #1
        • Stats #2
      • Team
        • Team #1
        • Team #2
        • Team #3
      • Testimonials
        • Testimonials #1
        • Testimonials #2
        • Testimonials #3
      • How to add more item to blocks?
    • Top Bar
    • Course Page/Card
      • Course List
    • Sidebar
    • Sidebar navigation
    • Custom alert
    • Advanced settings
    • Google/Custom Fonts and GDPR
  • More
    • Server recommendations
    • Graphics, Icons etc.
Powered by GitBook
On this page

Was this helpful?

  1. Theme Settings
  2. Front Page Blocks
  3. Grid Content

Grid Content #7

Site administration -> Appearance -> Alpha -> Block #.

Last updated 2 years ago

Was this helpful?

<!-- Start - Block - Grid Content #7 -->
<div class="row align-items-lg-center text-sm-center text-md-left">
    <div class="col-12 col-lg">
        <h2 class="lead-2 mb-3">The best Moodle experience ever.</h2>
        <p class="pb-3 mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id lectus nec
            nunc bibendum facilisis pellentesque ut eros. Praesent bibendum sed mi aliquet tempus.</p>

        <div class="d-flex flex-wrap justify-content-center justify-content-lmd-start">
            <a class="btn btn-lg btn-primary" href="#">Try a free lesson</a>
            <a class="btn btn-lg btn-outline-primary my-2 my-lmd-0 ml-lmd-2" href="#">Documentation</a>
        </div>
    </div>

    <div class="rui-img-rounded--xl col-12 col-lg-6 mt-3 mt-lg-0 offset-lg-1">
        <img src="https://roseathemes.com/space/1/draftfile.php/5/user/draft/910155598/600x-600.jpg?time=1675403600678" alt="Moodle Theme - Unsplash" width="600" height="600" class="w-100 img-fluid atto_image_button_text-bottom">
    </div>

</div>
<!-- End - Block - Grid Content #7 -->
⭐
How to add more item to blocks?