# Learnly - Complete Site Content Extraction
## Source: html.txt (Framer-generated, ~798KB)

---

## 1. CSS CUSTOM PROPERTIES (Color Tokens)

Defined in `<body style="...">`:

| Token | Value |
|-------|-------|
| `--token-45dc5b98-5f37-4d75-bbed-428b7260b726` | `#fff` (white) |
| `--token-60e27a11-67de-4df2-a5ca-210b2386ad63` | `#ff510e` (primary orange/CTA) |
| `--token-8d37f8a2-bb7f-4ef2-bf08-a54047846d7c` | `#151515` (near black / dark text) |
| `--token-8ce39644-6036-46af-a3f7-8ef5b22206ff` | `#444` (medium gray text) |
| `--token-d38ea4d8-0ce1-4361-8ee1-a9f3c0c6ee83` | `#f9f9f9` (light background) |
| `--token-329b5ea4-3083-43d7-9bf8-ed7f819f57a6` | `#e8e8e8` (border/divider) |
| `--token-32d7a139-ad13-445e-bdaf-c978ae411e2a` | `#ffd000` (star/yellow) |
| `--token-82dc333d-9003-46ec-8b50-e51dc363e4ac` | `#d0d0d0` (light gray border) |
| `--token-60628465-67b9-4ff1-8417-36a198aca31c` | `#8a8a8a` (muted text) |
| `--token-be12bf28-1c87-4989-b118-d0f7e5f987ff` | `#2c2c2c` (dark gray) |
| `--token-74cfe941-4f86-4e3c-8562-500a65483473` | `#f71919` (red/error) |
| `--token-84b8e2c9-784d-4dcc-842b-3c4f8b597651` | `#f3f3f3` (very light gray) |
| `--token-170ae0d5-7611-4763-ad50-88472d1ec49a` | `#dad7d7` (light pinkish gray) |

---

## 2. TYPOGRAPHY / FONTS

- **Primary font (body/nav):** `DM Sans` (400, 700 weights)
- **Headings font:** `Hanken Grotesk` (700, 900 weights)
- **Accent/italic font:** `DM Serif Text` (400 italic) — used for orange italic words in headings

---

## 3. PAGE SECTIONS (in order)

### SECTION 1: HEADER / NAVIGATION (Fixed, z-index: 10)

- **Logo:** `https://framerusercontent.com/images/fm7cPRWZj0Ipn7YCM35zpFDFuo.svg` (135×32px)
- **Background:** white (`#fff`), 1px bottom border `#e8e8e8`
- **Height:** 95.7969px, padding: 24px 0px, max-width container: 1360px, padding: 0 20px

**Navigation links (DM Sans, 18px, color #444):**
1. `Home` → `./` (current page)
2. `About us` → `./about`
3. `Courses` → `./courses`
4. `Blog` → `./blog`
5. `Pages` (dropdown trigger, with chevron-down SVG icon)

**CTA Button (header):**
- Text: `Contact Us`
- Link: `./contact`
- Style: background `#ff510e`, border-radius 500px, padding 14px 24px, text white, font Hanken Grotesk 700 18px

---

### SECTION 2: HERO SECTION

- **Section height:** 720.984px, padding: 196px 0 100px
- **Background:** white

**Star rating row (above heading):**
- 5 star icons: `https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg` (24×24px each)
- Rating text: `4.9` (dark #151515) `(15,008)` (muted #8a8a8a), DM Sans 16px

**H1 Heading (Hanken Grotesk, 88px, 700, center):**
> `Unlock Your Potential` *(normal black)* `With New Skills` *(italic, DM Serif Text, orange #ff510e)*

**Subheading paragraph (DM Sans, 20px, 500, color #444, center, max-width 772px):**
> "Unlock a world of opportunities and take control of your future by mastering new skills that empower you to achieve your goals."

**CTA Button (Primary):**
- Text: `Explore Courses`
- Link: `./courses`
- Style: background `#ff510e`, border-radius 500px, height 56px, padding: 4px 4px 4px 30px
- Has white circle icon-wrap (48px) with arrow SVG rotated 45deg

**Background/Decorative Images:**
- Background shape (Union): `https://framerusercontent.com/images/PA54nObEBvtgqNGkSEoyxSWxago.svg` (1488×753, z-index 1, 93% width, max 1489px, absolute centered)
- Hero Image Left (masked): `https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png` (245px wide, 392px tall, left:0, mask svg `A8sf4XTI0GqdD4jieglhY7KNK8.svg`, object-position: right top)
- Hero Image Right (masked): `https://framerusercontent.com/images/7s0okY0iUpfEYgVNfmMYixehDYY.png` (239px wide, right:0, mask svg `MkVi9iK8LHmOFURCICgdMJZOf0.svg`, object-fit cover)

---

### SECTION 3: BRAND SECTION ("Our Valued Partners")

- **Section height:** 265px, padding: 32px 0 116px
- **Heading (h6):** `Our Valued Partners` — Hanken Grotesk, 20px, 700, color #151515, center

**Scrolling logo strip (auto-scroll marquee, faded edges):**
- 7 partner logos repeated in infinite scroll loop, gap: 97px
- Logo 1: `https://framerusercontent.com/images/PDOFpDQea3o4JKJ4otDr1C96Z8.svg?width=132&height=32` (132×32)
- Logo 2: `https://framerusercontent.com/images/wOIolRYjDRIOIfrt93CLz0k7M0.svg?width=174&height=32` (174×32)
- Logo 3: `https://framerusercontent.com/images/tnwsKDAD4QSNS9BHkcnbO1NrI.svg?width=148&height=32` (148×32)
- Logo 4: `https://framerusercontent.com/images/D3HegFtTzXti9udeLR0hQLLKYSI.svg?width=139&height=32` (139×32)
- Logo 5: `https://framerusercontent.com/images/cptg6aDzfEb35dVIpsfAnAN3bbw.svg?width=140&height=32` (140×32)
- Logo 6: `https://framerusercontent.com/images/YmpyeFQfpanfAj6emztFErft6Y.svg?width=137&height=32` (137×32)
- Logo 7: `https://framerusercontent.com/images/xId9U3zvgnf6KfdYq9P4xMAsyA.svg?width=153&height=32` (153×32)

---

### SECTION 4: FEATURE COURSE SECTION ("Our Featured Courses")

- **Background:** `#f9f9f9`
- **Height:** 892.203px, padding: 100px 0
- **Container:** max-width 1360px, gap 48px

**H2 Heading (Hanken Grotesk 56px 700, center):**
> `Our Featured` *(black)* `Courses` *(italic DM Serif Text, orange #ff510e, capitalize)*

**3 Featured Course Cards** (grid: 3 × 424px, gap 24px, white bg, border-radius 16px, box-shadow rgba(21,21,21,0.06) 0 4px 20px):

#### Card 1: Data Science Essentials
- **Badge:** `Advanced` (pill, white bg, border #e8e8e8, blur backdrop)
- **Image:** `https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?width=752&height=600` (300px tall, border-radius 12px)
- **Link:** `./courses/data-science-essentials`
- **Rating:** ★★★★★ (5 stars, yellow #ffd000) `4.6` — Phosphor star SVG (fill)
- **Price:** `$299.99`
- **Title:** `Data Science Essentials` (Hanken Grotesk, 24px, 700)
- **Author:** `Dr. Liam Morgan` → `./instructor/dr-liam-morgan`
- **Duration:** `25h 30min` (Clock icon: `https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg`)
- **Lessons label:** `Lessons`
- **CTA Button:** `View Course` → link to course page

#### Card 2: Digital Marketing Pro
- **Badge:** `Intermediate`
- **Image:** `https://framerusercontent.com/images/5xOvDYwbAGnMVJpzeSTgW5QMA.png?width=752&height=600`
- **Link:** `./courses/digital-marketing-pro`
- **Rating:** `4.5`
- **Price:** `$199.99`
- **Title:** `Digital Marketing Pro`
- **Author:** `Alex Reveira` → `./instructor/alex-reveira`
- **Duration:** `18h 45min`

#### Card 3: UI/UX Design Essentials
- **Badge:** `Beginner`
- **Image:** `https://framerusercontent.com/images/dezvWUxEuf980W2tvPb5iq6u0.png?width=752&height=600`
- **Link:** `./courses/ui-ux-design-essentials`
- **Rating:** `4.7`
- **Title:** `UI/UX Design Essentials`
- **Author:** `Dr. Michael Lee` → `./instructor/dr-michael-lee`

---

### SECTION 5: CHOOSE US SECTION ("Why Choose learnly")

- **Height:** 1011.22px, padding: 100px 0
- **Container:** max-width 1360px, gap 60px

**H2 Heading (Hanken Grotesk 56px 700, center):**
> `Why Choose` *(black)* `learnly` *(italic DM Serif Text, orange)*

**Subparagraph (DM Sans 20px 500, center):**
> "Gain clarity & achieve your financial goals with expert guidance."

**3 Choose Us Cards** (layout: left image + text blocks on right):

#### Card 1 (Middle card - image only):
- **Image:** `https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg` (Choose Us Image)
- **Icon (Book):** `https://framerusercontent.com/images/4fHwcHVsebVhlQof5EnvfzVZpUM.svg`

#### Card 2:
- **Image:** `https://framerusercontent.com/images/5wGFU68kAUuW4rVlpgvz8j7OKQ.png` (Choose Us Image)
- **Icon (User):** `https://framerusercontent.com/images/brrSoQlk2NoHOFTQGParH2kTbs.svg`

#### Card 3:
- **Image:** `https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg`
- **Icon (Edit):** `https://framerusercontent.com/images/KTvzM1bqTi1G3PK4exHMTQy6NTI.svg`

**Card text blocks (Hanken Grotesk 24px 700 title + DM Sans 18px 400 description):**

1. **4k+ hours videos**
   > "Hours of meticulously designed courses, created and taught by industry-leading professionals."

2. **A Great Community**
   > "We value our global community's support and embrace diversity to create a wel-coming space for everyone to learn."

3. **Learn-by-Doing, Teach with Purpose**
   > "Our philosophy: hands-on learning creates impact. Every course fosters practical skills and transparency."

---

### SECTION 6: COURSE SECTION ("Our New All Courses")

- **Background:** `#f9f9f9`
- **Section contains:** `All Courses` component with filter tabs and 5+ course cards

**H2 Heading:**
> `Our New` *(black)* `[italic orange word: "Courses" or similar]*

**Filter Navigation Tabs (pill buttons, border-radius 500px):**
- `All Courses` — Active state: orange bg `#ff510e`, white text
- `Programming` — Inactive: transparent bg, border `#d0d0d0`, gray text
- `Data Analytics` — Inactive
- `Product Design` — Inactive
- `Marketing` — Inactive
- `Machine Learning` — Inactive

**Course Cards (grid layout, cards with same structure as featured):**

| # | Title | Rating | Duration | Price | Link |
|---|-------|--------|----------|-------|------|
| 1 | Creative Writing Bootcamp | 4.9 | 5h 30min | $99.99 | `./courses/creative-writing-bootcamp` |
| 2 | Product Design Bootcamp | 4.3 | — | $49.99 | `./courses/product-design-bootcamp` |
| 3 | Digital Marketing Mastery | 4.4 | 15h 35min | $149.99 | `./courses/digital-marketing-mastery` |
| 4 | Video Editing Masterclass | 4.8 | 8h 55min | $66.99 | `./courses/video-editing-masterclass` |
| 5 | Photo manipulation | — | — | — | `./courses/photo-manipulation` |

- **Author:** `Desmond Andrade` → `./instructor/desmond-andrade` (Creative Writing Bootcamp)

**Course images:**
- `https://framerusercontent.com/images/8136BY6iSEiQiFS0aGhF7iJslo.png?width=1128&height=900`
- `https://framerusercontent.com/images/2Egur2fNYRGPeQKUmUX2PoOqxM.png?width=1504&height=1200`
- `https://framerusercontent.com/images/7DxiQnfTf62S6Ng5sqGKo3mp8A8.png?width=1128&height=900`
- `https://framerusercontent.com/images/JwvWXTcWORlFsJWV5F76T3P5ZE.png?width=1128&height=900`
- `https://framerusercontent.com/images/EEFT5idD5Z7l17UKEyR1ls1NaWg.png?width=1128&height=900`

**CTA Button at bottom of section:**
- Text: `View All Courses`
- Style: `#ff510e`, pill, with white icon wrap arrow

---

### SECTION 7: DISCOVER SECTION ("Discover, Enroll & Learn")

- **Height:** 719.281px, padding: 100px 0
- **Container:** max-width 1360px, gap 60px

**H2 Heading (Hanken Grotesk 56px 700, center):**
> `Discover, Enroll &` *(black)* `Learn` *(italic DM Serif Text, orange)*

**Subparagraph (DM Sans 20px 500, center, max-width 644px):**
> "Follow these simple steps to choose, purchase, and start learning from expertly designed courses tailored to your goals."

**3 Step Widgets (horizontal row, equal width up to 380px each, connected by arrow shapes):**

**Step 1:**
- **Icon:** `https://framerusercontent.com/images/xt7JeydtTZtxsHSGLIkA55gbSJQ.svg` (40×40px, in bordered square 78px, border-radius 16px)
- **Title (h3, Hanken Grotesk 24px, center):** `1. Explore All courses`
- **Text (DM Sans 18px, center):** "Browse through a diverse range of courses tailored to different skills and interests. Use filters like subject."

**Arrow between Step 1 and 2:**
- `https://framerusercontent.com/images/H1mLxzYqxYddmJi94W9QNzcEJ0.svg` (249×30, "Arrow Shape")

**Step 2:**
- **Icon:** `https://framerusercontent.com/images/Hi7xgwLUVYIokxGc9UYi3dGSW0.svg` (40×40, "Bag Icon")
- **Title (h3):** `2. Purchase Desired Course`
- **Text:** "Select your chosen course and complete the one-time payment process. You'll gain lifetime access to the course."

**Arrow between Step 2 and 3:**
- `https://framerusercontent.com/images/Je5hrAf3RusyYeJJZBYZofw83ek.svg` (248×~30, "Arrow Shape")

**Step 3:**
- **Icon:** `https://framerusercontent.com/images/mYhdhWpotv9wQvQ9H6PaWnrQXEQ.svg` (40×40, "Book Icon")
- **Title (h3):** `3. Start Learning Anytime`
- **Text:** "Begin your journey at your own pace. Access the course from anywhere and progress step-by-step."

---

### SECTION 8: FEATURE SECTION ("Consistent Growth, Endless Possibilities")

- **Background:** `#f9f9f9`
- **Height:** 870.484px, padding: 100px 0
- **Layout:** 2-column (42% image left, 47% text right), flex-row, max-width 1360px

**Left: Feature Image**
- `https://framerusercontent.com/images/5cM0zunAJOzPyUrrbVXggN5sTw.png` (670px tall, 42% width, border-radius 32px, object-fit cover)

**Right: Description Block**

**H2 (mixed fonts):**
> `Consistent Growth,` *(Hanken Grotesk 56px 700 black)* `Endless Possibilities` *(italic DM Serif Text 56px, orange)*

**Paragraph (DM Sans 18px, color #444):**
> "Learnly's online learning platform empowers individuals and teams to build essential skills and boost career confidence. Our expertly curated content ensures a seamless journey to success."

**Feature Grid (2×1 grid, 2 columns ~286px each, gap 48px):**

Feature 1:
- **Icon:** `https://framerusercontent.com/images/HMlHCgYscnv1jbut8ZNDDv8ti4.svg` (in 56px bordered box, border-radius 12px)
- **Title (Hanken Grotesk 20px 700):** `Unlimited Resources`
- **Text (DM Sans 16px):** "Access a vast library of courses, tools, and materials designed to help you master any skill."

Feature 2:
- **Icon:** `https://framerusercontent.com/images/gIAEjPpqlC0GEKIUAl2VoJdLY.svg` ("Award")
- **Title:** `50+ Expert instructors`
- **Text:** "Expert instructors on our platform, each bringing years of industry experience and a passion for teaching."

---

### SECTION 9: TESTIMONIAL SECTION ("What Our Learners Say")

- **Height:** 738.594px, padding: 100px 0 60px

**Section Header (2-column: left title+text, right button):**

**H2 (Hanken Grotesk 56px 700, left-aligned):**
> `What Our` *(black)* `Learners` *(italic DM Serif Text, orange)* `Say` *(black)*

**Subparagraph (DM Sans 18px, color #444, max-width 590px):**
> "Don't just take our word for it! Here's what our learners have to say about their journey with Learnly."

**CTA Button (right):**
- Text: `View More`
- Link: `./reviews`
- Style: `#ff510e`, pill, height 56px, padding 4px 4px 4px 30px, with icon wrap

**2 Testimonial Cards** (grid: 2 × 644px, gap 32px, height ~397px each):

**Card 1 (white bg, border #e8e8e8, border-radius 24px, padding 48px):**
- **Stars:** 5 stars (yellow Phosphor star SVG)
- **Review text:** `"The courses on Learly are incredible. I learned digital marketing from scratch and landed a job in just three months. The instructors are amazing, and the platform is so easy to use. Truly life-changing!"`
- **Designation:** `Marketing Specialist`
- **Name:** `Jhonny Dope,`
- **User Image:** `https://framerusercontent.com/images/rvUmqvCWSlGjZMuf11ul95crPU.png` (64×64px, border-radius 500px)

**Card 2 (bg `#f9f9f9`, border `#e8e8e8`, border-radius 24px, padding 48px):**
- **Stars:** 5 stars
- **Review text:** `"Learly made learning easy and fun. I explored data science and UI/UX design at my own pace. The detailed courses and hands-on projects helped me build confidence and real skills. Highly recommend it!"`
- **Name:** `James Patel,` (Hanken Grotesk 24px 700)
- **Designation:** `Freelance UI/UX Designer`
- **User Image:** `https://framerusercontent.com/images/aCUQwg4vD3p2rcHSJkMfWYL15g.png` (64×64px)

**Additional images used in section (decorative masks/shapes):**
- `https://framerusercontent.com/images/hLN46BrMGUFlrVIVnnIVCFNqN0U.png` ("Union")
- `https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png`
- `https://framerusercontent.com/images/22l2NKVipfO8kNlRCexP1yhec.png`

---

### SECTION 10: CTA SECTION ("Unlock Your Learning Potential Today")

- **Background:** white
- **Layout:** centered column

**H2 (Hanken Grotesk 56px 700, center):**
> `Unlock Your Learning` *(black)* `Potential Today` *(italic DM Serif Text, orange)*

**Paragraph (DM Sans 18px, center, max-width 542px):**
> "Join thousands of learners around the world who are advancing their careers with our expertly crafted courses."

**CTA Button:**
- Text: `Explore Courses`
- Link: `./courses`
- Style: `#ff510e`, pill, height 56px, padding 4px 4px 4px 30px

---

### SECTION 11: FOOTER

- **Background:** white (implied)
- **Container:** max-width 1360px, padding 0 20px

**Top Footer (2-part flex row):**

**Left: Description Block** (max-width 314px, gap 80px)
- **Footer Logo:** `https://framerusercontent.com/images/7AVy9N9Zf91Bg8Lza2IFcteyo0.svg?width=169&height=41` (168×40px) → `./`
- **Tagline (DM Sans 18px, color #444):** "Learly is an e-learning platform offering courses to help you master in-demand skills."
- **Social Icons (4 buttons, 40×40px, border `#d0d0d0`, border-radius 500px):**
  - Facebook: `https://framerusercontent.com/images/DkdSUSZirP3O9TWRqcVZftnbhVo.svg` → `https://facebook.com`
  - Instagram: `https://framerusercontent.com/images/fQ2ylb2KWJLf8OxPxleejKefWM.svg?width=16&height=17` → `https://instagram.com`
  - Twitter: `https://framerusercontent.com/images/DDYbJsvuc2fvKloFqno8hElmiiM.svg?width=16&height=17` → `https://twitter.com`
  - LinkedIn: `https://framerusercontent.com/images/L6opNLJoyd5DxFmYbP1zFFt7qM.svg?width=16&height=17` → `https://linkedin.com`

**Right: Menu Item Wrapper** (3 columns, max-width 801px)

**Column 1: Navigate**
- Home → `./`
- About → `./about`
- Courses → `./courses`
- Blog → `./blog`

**Column 2: Company**
- Contact us → `./contact`
- Faq → `./faqs`
- Testimonials → `./reviews`

**Column 3: Utility Pages**
- 404 → `./404`

**Bottom Footer (divider + copyright row):**
- **Divider:** 1px solid `#e8e8e8`
- **Copyright text (DM Sans 16px, color #444):**
  > "© Copyright 2026, All Rights Reserved by UiMile - Powered by [Framer](https://framer.com)"
- **Bottom right links:**
  - `Privacy Policy` → `./privacy-policy`
  - `Terms and condition` → `./terms-and-conditions`
- **Framer promo text (small):** "Create a free website with Framer, the website builder loved by startups, designers and agencies."

---

## 4. ALL IMAGE URLs (Complete List)

### Navigation / Header
| Description | URL |
|-------------|-----|
| Header Logo (SVG) | `https://framerusercontent.com/images/fm7cPRWZj0Ipn7YCM35zpFDFuo.svg` |

### Hero Section
| Description | URL |
|-------------|-----|
| Star Icon (5 stars) | `https://framerusercontent.com/images/pFIoKvJH58h0Jhr41LdVGTbr7PQ.svg` |
| Background Shape (Union) | `https://framerusercontent.com/images/PA54nObEBvtgqNGkSEoyxSWxago.svg` |
| Hero Image Left | `https://framerusercontent.com/images/IrKryFvOruxPxLkGeTjrbmh9k.png` |
| Hero Image Right | `https://framerusercontent.com/images/7s0okY0iUpfEYgVNfmMYixehDYY.png` |
| Hero Left Mask | `https://framerusercontent.com/images/A8sf4XTI0GqdD4jieglhY7KNK8.svg` |
| Hero Right Mask | `https://framerusercontent.com/images/MkVi9iK8LHmOFURCICgdMJZOf0.svg` |

### Partner Logos (Brand Section)
| Description | URL |
|-------------|-----|
| Brand Logo 1 (132×32) | `https://framerusercontent.com/images/PDOFpDQea3o4JKJ4otDr1C96Z8.svg?width=132&height=32` |
| Brand Logo 2 (174×32) | `https://framerusercontent.com/images/wOIolRYjDRIOIfrt93CLz0k7M0.svg?width=174&height=32` |
| Brand Logo 3 (148×32) | `https://framerusercontent.com/images/tnwsKDAD4QSNS9BHkcnbO1NrI.svg?width=148&height=32` |
| Brand Logo 4 (139×32) | `https://framerusercontent.com/images/D3HegFtTzXti9udeLR0hQLLKYSI.svg?width=139&height=32` |
| Brand Logo 5 (140×32) | `https://framerusercontent.com/images/cptg6aDzfEb35dVIpsfAnAN3bbw.svg?width=140&height=32` |
| Brand Logo 6 (137×32) | `https://framerusercontent.com/images/YmpyeFQfpanfAj6emztFErft6Y.svg?width=137&height=32` |
| Brand Logo 7 (153×32) | `https://framerusercontent.com/images/xId9U3zvgnf6KfdYq9P4xMAsyA.svg?width=153&height=32` |

### Featured Course Images
| Description | URL |
|-------------|-----|
| Data Science Essentials | `https://framerusercontent.com/images/GL5OI4OyKrA02EMkARWlnzm0g.png?width=752&height=600` |
| Clock Icon | `https://framerusercontent.com/images/QGd4zkOzeFPcLhxGYrl6BQDVy0.svg` |
| Digital Marketing Pro | `https://framerusercontent.com/images/5xOvDYwbAGnMVJpzeSTgW5QMA.png?width=752&height=600` |
| UI/UX Design Essentials | `https://framerusercontent.com/images/dezvWUxEuf980W2tvPb5iq6u0.png?width=752&height=600` |

### Choose Us Section
| Description | URL |
|-------------|-----|
| Choose Us Image 1 (jpg) | `https://framerusercontent.com/images/TytWPjLDhqtDYn7NeclLy1PWMs.jpg` |
| Book Icon | `https://framerusercontent.com/images/4fHwcHVsebVhlQof5EnvfzVZpUM.svg` |
| Choose Us Image 2 (png) | `https://framerusercontent.com/images/5wGFU68kAUuW4rVlpgvz8j7OKQ.png` |
| User Icon | `https://framerusercontent.com/images/brrSoQlk2NoHOFTQGParH2kTbs.svg` |
| Edit Icon | `https://framerusercontent.com/images/KTvzM1bqTi1G3PK4exHMTQy6NTI.svg` |
| Choose Us Image 3 (jpg) | `https://framerusercontent.com/images/4wat1wJFOMZsUFXZIgWayB7eC1o.jpg` |

### All Courses Section (New Courses)
| Description | URL |
|-------------|-----|
| Creative Writing Bootcamp | `https://framerusercontent.com/images/8136BY6iSEiQiFS0aGhF7iJslo.png?width=1128&height=900` |
| Product Design Bootcamp | `https://framerusercontent.com/images/2Egur2fNYRGPeQKUmUX2PoOqxM.png?width=1504&height=1200` |
| Digital Marketing Mastery | `https://framerusercontent.com/images/7DxiQnfTf62S6Ng5sqGKo3mp8A8.png?width=1128&height=900` |
| Video Editing Masterclass | `https://framerusercontent.com/images/JwvWXTcWORlFsJWV5F76T3P5ZE.png?width=1128&height=900` |
| Photo Manipulation | `https://framerusercontent.com/images/EEFT5idD5Z7l17UKEyR1ls1NaWg.png?width=1128&height=900` |

### Discover Section Icons
| Description | URL |
|-------------|-----|
| Step 1 Icon (unnamed) | `https://framerusercontent.com/images/xt7JeydtTZtxsHSGLIkA55gbSJQ.svg` |
| Arrow Shape (left) | `https://framerusercontent.com/images/H1mLxzYqxYddmJi94W9QNzcEJ0.svg` |
| Step 2 Icon (Bag) | `https://framerusercontent.com/images/Hi7xgwLUVYIokxGc9UYi3dGSW0.svg` |
| Arrow Shape (right) | `https://framerusercontent.com/images/Je5hrAf3RusyYeJJZBYZofw83ek.svg` |
| Step 3 Icon (Book) | `https://framerusercontent.com/images/mYhdhWpotv9wQvQ9H6PaWnrQXEQ.svg` |

### Feature Section
| Description | URL |
|-------------|-----|
| Feature Image (tall) | `https://framerusercontent.com/images/5cM0zunAJOzPyUrrbVXggN5sTw.png` |
| Icon: Unlimited Resources | `https://framerusercontent.com/images/HMlHCgYscnv1jbut8ZNDDv8ti4.svg` |
| Icon: Award / Expert Instructors | `https://framerusercontent.com/images/gIAEjPpqlC0GEKIUAl2VoJdLY.svg` |

### Testimonials
| Description | URL |
|-------------|-----|
| User Image (Jhonny Dope) | `https://framerusercontent.com/images/rvUmqvCWSlGjZMuf11ul95crPU.png` |
| User Image (James Patel) | `https://framerusercontent.com/images/aCUQwg4vD3p2rcHSJkMfWYL15g.png` |
| Decorative Union shape | `https://framerusercontent.com/images/hLN46BrMGUFlrVIVnnIVCFNqN0U.png` |
| Decorative shape 1 | `https://framerusercontent.com/images/FqOcK9akSMnBaj4e39zgqC6m8.png` |
| Decorative shape 2 | `https://framerusercontent.com/images/22l2NKVipfO8kNlRCexP1yhec.png` |

### Footer
| Description | URL |
|-------------|-----|
| Footer Logo (SVG) | `https://framerusercontent.com/images/7AVy9N9Zf91Bg8Lza2IFcteyo0.svg?width=169&height=41` |
| Facebook icon | `https://framerusercontent.com/images/DkdSUSZirP3O9TWRqcVZftnbhVo.svg` |
| Instagram icon | `https://framerusercontent.com/images/fQ2ylb2KWJLf8OxPxleejKefWM.svg?width=16&height=17` |
| Twitter icon | `https://framerusercontent.com/images/DDYbJsvuc2fvKloFqno8hElmiiM.svg?width=16&height=17` |
| LinkedIn icon | `https://framerusercontent.com/images/L6opNLJoyd5DxFmYbP1zFFt7qM.svg?width=16&height=17` |

---

## 5. ALL LINKS / HREF VALUES

### Internal Navigation
| Label | URL |
|-------|-----|
| Home | `./` |
| About us | `./about` |
| Courses | `./courses` |
| Blog | `./blog` |
| Contact Us (header button) | `./contact` |
| Reviews / Testimonials | `./reviews` |
| FAQs | `./faqs` |
| 404 page | `./404` |
| Privacy Policy | `./privacy-policy` |
| Terms and Conditions | `./terms-and-conditions` |

### Course Pages
| Course | URL |
|--------|-----|
| Data Science Essentials | `./courses/data-science-essentials` |
| Digital Marketing Pro | `./courses/digital-marketing-pro` |
| UI/UX Design Essentials | `./courses/ui-ux-design-essentials` |
| Creative Writing Bootcamp | `./courses/creative-writing-bootcamp` |
| Product Design Bootcamp | `./courses/product-design-bootcamp` |
| Digital Marketing Mastery | `./courses/digital-marketing-mastery` |
| Video Editing Masterclass | `./courses/video-editing-masterclass` |
| Photo Manipulation | `./courses/photo-manipulation` |

### Instructor Pages
| Instructor | URL |
|------------|-----|
| Dr. Liam Morgan | `./instructor/dr-liam-morgan` |
| Alex Reveira | `./instructor/alex-reveira` |
| Dr. Michael Lee | `./instructor/dr-michael-lee` |
| Desmond Andrade | `./instructor/desmond-andrade` |

### External Links
| Label | URL |
|-------|-----|
| Facebook | `https://facebook.com` |
| Instagram | `https://instagram.com` |
| Twitter | `https://twitter.com` |
| LinkedIn | `https://linkedin.com` |
| Framer | `https://framer.com` |
| Framer (promo) | `https://www.framer.com` |

---

## 6. SVG ICONS (Inline)

### Arrow / Navigation Icon (used in CTA buttons "Explore Courses", "View More", etc.)
```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd"/>
</svg>
```
*(Rotated 45deg in button icon-wrap to point diagonally)*

### Chevron Down Icon (Pages dropdown in nav)
```svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--token-8ce39644...)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  <polyline points="6 9 12 15 18 9"/>
</svg>
```

### Phosphor Star Icon (testimonial/rating cards)
```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="rgb(255, 208, 0)" color="rgb(255, 208, 0)">
  <g>
    <path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/>
  </g>
</svg>
```

---

## 7. FRAMER METADATA

- **Route ID:** `augiA20Il`
- **Locale:** `default`
- **Breakpoints:**
  - Desktop: `(min-width: 1200px)` [hash: `72rtr7`]
  - Tablet: `(min-width: 810px) and (max-width: 1199px)` [hash: `oznngx`]
  - Mobile: `(max-width: 809px)` [hash: `kzxenh`]
  - Additional desktop: `(min-width: 1200px)` [hash: `1a8oe9c`]
  - Additional tablet: `(min-width: 810px) and (max-width: 1199.98px)` [hash: `mggbt`]
  - Additional mobile: `(max-width: 809.98px)` [hash: `1w7yab5`]
- **Released at:** `2025-12-23T14:46:50.955Z`
- **Page optimized at:** `2026-01-05T09:42:32.196Z`
- **Total page height:** `8118.28px`
- **Max container width:** `1360px`
- **Template:** UiMile (credited in copyright)

---

## 8. COMPLETE TEXT CONTENT SUMMARY (all visible text, by section)

### Navigation
- Home, About us, Courses, Blog, Pages, Contact Us

### Hero
- Rating: 4.9 (15,008)
- Heading: "Unlock Your Potential With New Skills"
- Body: "Unlock a world of opportunities and take control of your future by mastering new skills that empower you to achieve your goals."
- Button: "Explore Courses"

### Partners
- "Our Valued Partners"

### Featured Courses
- "Our Featured Courses"
- Card 1: Advanced | 4.6 | Data Science Essentials | Dr. Liam Morgan | 25h 30min | Lessons | View Course | $299.99
- Card 2: Intermediate | 4.5 | Digital Marketing Pro | Alex Reveira | 18h 45min | $199.99
- Card 3: Beginner | 4.7 | UI/UX Design Essentials | Dr. Michael Lee

### Why Choose learnly
- "Why Choose learnly"
- "Gain clarity & achieve your financial goals with expert guidance."
- Card: "4k+ hours videos" / "Hours of meticulously designed courses..."
- Card: "A Great Community" / "We value our global community's support..."
- Card: "Learn-by-Doing, Teach with Purpose" / "Our philosophy: hands-on learning creates impact..."

### New Courses / All Courses
- "Our New [Courses]"
- Filters: All Courses | Programming | Data Analytics | Product Design | Marketing | Machine Learning
- Creative Writing Bootcamp | Desmond Andrade | 5h 30min | 4.9 | $99.99
- Product Design Bootcamp | 4.3 | $49.99
- Digital Marketing Mastery | 4.4 | 15h 35min | $149.99
- Video Editing Masterclass | 4.8 | 8h 55min | $66.99
- Photo manipulation
- Button: "View All Courses"

### Discover Section
- "Discover, Enroll & Learn"
- "Follow these simple steps to choose, purchase, and start learning..."
- 1. Explore All courses: "Browse through a diverse range of courses tailored to different skills and interests. Use filters like subject."
- 2. Purchase Desired Course: "Select your chosen course and complete the one-time payment process. You'll gain lifetime access to the course."
- 3. Start Learning Anytime: "Begin your journey at your own pace. Access the course from anywhere and progress step-by-step."

### Feature / Stats Section
- "Consistent Growth, Endless Possibilities"
- "Learnly's online learning platform empowers individuals and teams to build essential skills and boost career confidence. Our expertly curated content ensures a seamless journey to success."
- Unlimited Resources: "Access a vast library of courses, tools, and materials designed to help you master any skill."
- 50+ Expert instructors: "Expert instructors on our platform, each bringing years of industry experience and a passion for teaching."

### Testimonials
- "What Our Learners Say"
- "Don't just take our word for it! Here's what our learners have to say about their journey with Learnly."
- Button: "View More"
- Review 1: "The courses on Learly are incredible. I learned digital marketing from scratch and landed a job in just three months. The instructors are amazing, and the platform is so easy to use. Truly life-changing!" — Marketing Specialist, Jhonny Dope
- Review 2: "Learly made learning easy and fun. I explored data science and UI/UX design at my own pace. The detailed courses and hands-on projects helped me build confidence and real skills. Highly recommend it!" — James Patel, Freelance UI/UX Designer

### CTA Section
- "Unlock Your Learning Potential Today"
- "Join thousands of learners around the world who are advancing their careers with our expertly crafted courses."
- Button: "Explore Courses"

### Footer
- Logo
- "Learly is an e-learning platform offering courses to help you master in-demand skills."
- Navigate: Home, About, Courses, Blog
- Company: Contact us, Faq, Testimonials
- Utility Pages: 404
- "© Copyright 2026, All Rights Reserved by UiMile - Powered by Framer"
- Privacy Policy | Terms and condition
