Guide

Website Content Management Guide

Version 1.0 | June 2026

1. Introduction
2. Updating Student Testimonials
3. Updating Courses
4. Updating Team Members
5. Updating Stats & Numbers
6. Best Practices
7. Need Help?

1. Introduction

This guide explains how to update content on the AARIVON website without any technical knowledge. The website is built with HTML files that you can open in any text editor, edit, and save.

What you will need:

A simple text editor (Notepad, VS Code, or Sublime Text)
Access to the website files on the server
A basic understanding of copy-paste operations

Important: Always make a backup copy of any file before you edit it. If something goes wrong, you can restore the original file.

2. Updating Student Testimonials

Testimonials appear on the homepage in the section that shows student success stories. Follow these steps to add or edit a testimonial:

Step 1: Open the HTML file

Open index.html in your text editor. Look for the section that contains existing testimonials (search for "testimonials" or "student stories").

Step 2: Copy the testimonial card template

Each testimonial is wrapped in a <div> with a class. Copy an existing testimonial card and paste it right after the last one. Then fill in the new student details.

Step 3: Fill in the details

Replace the following fields with the new student information:

Student Name - e.g., "Rahul Sharma"
Role - e.g., "Data Analyst"
Company - e.g., "Infosys"
Salary - e.g., "8.5 LPA"
Quote - The testimonial text from the student
Avatar Initials - 1-2 letters representing the name (e.g., "RS")

Testimonial Card Template

<div class="testimonial-card">
  <p class="testimonial-text">
    "AARIVON completely transformed my career. The hands-on training and mentorship helped me land my dream job."
  </p>
  <div class="testimonial-author">
    <div class="testimonial-avatar">RS</div>
    <div>
      <h4>Rahul Sharma</h4>
      <p>Data Analyst at Infosys | 8.5 LPA</p>
    </div>
  </div>
</div>

To Edit an Existing Testimonial

Simply find the testimonial card for the student you want to update and change the text between the HTML tags. Save the file and refresh the website to see your changes.

3. Updating Courses

Course cards are displayed on the homepage and courses page. Follow these steps to add a new course:

Step 1: Locate the courses section

Open the relevant HTML file and search for the courses section. You will see existing course cards with classes like card or card-featured.

Step 2: Copy an existing course card

Copy the entire course card block and paste it after the last course card. Then update the details.

Step 3: Update the course details

Replace the following information:

Course Title - e.g., "Advanced Machine Learning"
Duration - e.g., "16 Weeks"
Price - e.g., "Rs 24,999"
Features - List of bullet points under the course
Featured badge - Add card-featured class if this is a featured course

Course Card Template

<div class="card">
  <div class="card-icon">
    <span>★</span>
  </div>
  <h3>Full Stack Data Science</h3>
  <p class="course-duration">Duration: 20 Weeks</p>
  <p class="course-price">Rs 29,999</p>
  <ul>
    <li>Python & Machine Learning</li>
    <li>Deep Learning & NLP</li>
    <li>Real-world Projects</li>
    <li>Placement Assistance</li>
  </ul>
  <a href="../courses/data-science.html" class="btn btn-primary btn-sm">
    View Details
  </a>
</div>

Adding a Featured Course

To make a course stand out as "featured", change the class from card to card card-featured. This adds a teal border to highlight the course.

4. Updating Team Members

Team member profiles appear on the About page. Follow these steps to add a new team member:

Step 1: Open the About page

Open about.html and locate the team section. You will see existing team member cards.

Step 2: Copy an existing team card

Copy the entire team card block and paste it after the last team card.

Step 3: Update the team member details

Name - Full name of the team member
Role - e.g., "Lead Instructor", "Career Counselor"
Bio - A short 1-2 sentence description
Initials - 1-2 letter initials for the avatar (e.g., "AS")

Team Member Card Template

<div class="team-card">
  <div class="team-avatar">AS</div>
  <h4>Aarushi Mehta</h4>
  <p class="team-role">Lead Data Science Instructor</p>
  <p class="team-bio">
    Former senior data scientist at Google with 10+ years of industry experience.
    Specializes in Machine Learning and Deep Learning.
  </p>
</div>

Removing a Team Member

To remove a team member, simply delete the entire <div class="team-card"> block for that person. Make sure you only delete the block for the correct person by checking the name inside the card.

5. Updating Stats & Numbers

The stats bar on the homepage displays key numbers like students placed, courses offered, etc. Here's how to update them:

Step 1: Find the stats section

In index.html, search for stats-bar or stat-item. You will see the stats grid with numbers.

Step 2: Update the numbers

Each stat is inside a <h3> tag. Simply change the number text to the new value.

Stats Bar Template

<div class="stats-bar">
  <div class="container stats-grid">
    <div class="stat-item">
      <h3>2,500+</h3>
      <p>Students Trained</p>
    </div>
    <div class="stat-item">
      <h3>95%</h3>
      <p>Placement Rate</p>
    </div>
    <div class="stat-item">
      <h3>15+</h3>
      <p>Industry Courses</p>
    </div>
    <div class="stat-item">
      <h3>500+</h3>
      <p>Hiring Partners</p>
    </div>
  </div>
</div>

Tips for updating stats:

Always use verified, up-to-date numbers
Use the + symbol to indicate "more than" (e.g., 2,500+)
Use the % symbol for percentages
Keep the format consistent across all stats
Update stats quarterly or after major milestones

6. Best Practices

Follow these best practices to keep the website running smoothly:

1 Always Backup Before Editing

Before making any changes, create a copy of the original file with a date suffix. For example: index-backup-2026-06-01.html. If something breaks, you can restore the backup instantly.

2 Test on Mobile

After making changes, always check how the website looks on a mobile phone or tablet. You can do this by:

Opening the website on your phone
Using your browser's developer tools (press F12, then click the mobile icon)
Resizing your browser window to a narrow width

3 Keep Consistent Formatting

Maintain consistency across all content:

Use the same font sizes and styles for similar elements
Keep course pricing format consistent (e.g., always "Rs XX,XXX")
Use similar length for testimonial quotes
Match the tone and style of existing content

4 Use Brand Colors

AARIVON's brand colors are pre-defined in the CSS. Do not add custom colors. The key colors are:

Teal (#0A5C5C) - Primary brand color, used for headers and buttons
Gold (#C9963B) - Accent color, used for highlights
Charcoal (#1A1A2E) - Dark sections and footer
Cream (#FAF8F5) - Light background sections

5 Check Your Work

After editing and saving:

Refresh the browser page (Ctrl+R or Cmd+R)
Check that all text appears correctly
Verify links are working by clicking them
Make sure images load properly
Confirm there are no broken layouts

7. Need Help?

If you run into any issues or need assistance with website updates, our technical team is here to help.

Contact the Technical Team:

Email: support@aarivon.in
Phone: +91 98765 43210
Response Time: Within 24 hours on business days

When contacting support, please include:

The page you were trying to edit
What you were trying to change
What went wrong (error message or description)
When the issue occurred

This guide is maintained by the AARIVON Technical Team. Last updated: June 2026.