Skill Circle | Think Beyond Nine to Five :root { --navy: #00234d; --yellow: #ffca05; --white: #ffffff; --light: #f5f7fb; --dark: #182536; } * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; } body { font-family: Arial, sans-serif; color: var(--dark); line-height: 1.7; } .container { width: 90%; max-width: 1150px; margin: auto; } a { text-decoration: none; } /* LOGO */ .logo { display: flex; align-items: center; } .logo svg { width: 255px; height: auto; } /* NAVIGATION */ header { background: white; position: sticky; top: 0; z-index: 1000; box-shadow: 0 3px 15px #00000010; } .navbar { min-height: 85px; display: flex; justify-content: space-between; align-items: center; gap: 20px; } nav { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; } nav a { color: var(--navy); font-weight: 600; font-size: 14px; } nav a:hover { color: #d6a900; } /* BUTTONS */ .btn { display: inline-block; background: var(--yellow); color: var(--navy); padding: 13px 27px; border-radius: 6px; font-weight: bold; border: none; cursor: pointer; transition: .3s; } .btn:hover { background: white; color: var(--navy); transform: translateY(-3px); } /* HERO */ .hero { background: linear-gradient(120deg, #00172f, #07386c); color: white; padding: 110px 0; } .hero-content { max-width: 750px; } .tagline { color: var(--yellow); letter-spacing: 3px; font-weight: bold; margin-bottom: 18px; } .hero h1 { font-size: clamp(38px, 5vw, 58px); line-height: 1.2; margin-bottom: 22px; } .hero h1 span { color: var(--yellow); } .hero p { color: #e2e9f2; font-size: 18px; margin-bottom: 30px; } /* GENERAL SECTIONS */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 45px; } .section-title h2 { color: var(--navy); font-size: 35px; margin-bottom: 10px; } .section-title span { color: #e3ae00; } .section-title p { max-width: 700px; margin: auto; color: #647080; } /* 5W + 1H */ .who-section { background: var(--light); } .info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .info-card { background: white; padding: 30px; border-radius: 12px; border-bottom: 4px solid var(--yellow); box-shadow: 0 5px 20px #00000009; transition: .3s; } .info-card:hover { transform: translateY(-7px); } .info-card h3 { color: var(--navy); font-size: 22px; margin-bottom: 12px; } .info-card h3 span { color: #e1af00; } /* COURSES */ .course-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .course-card { padding: 30px; border: 1px solid #e5e9ef; border-radius: 12px; background: white; box-shadow: 0 5px 20px #00000008; } .course-card h3 { color: var(--navy); margin-bottom: 12px; } .course-card p { margin-bottom: 20px; } /* WHY SKILL CIRCLE */ .why-section { background: var(--navy); color: white; } .why-section .section-title h2 { color: white; } .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .why-card { background: #ffffff12; border: 1px solid #ffffff25; padding: 28px; border-radius: 12px; } .why-card h3 { color: var(--yellow); margin-bottom: 12px; } /* QUOTE */ .quote-section { background: var(--yellow); text-align: center; padding: 55px 20px; } .quote-section h2 { color: var(--navy); font-size: 30px; margin-bottom: 10px; } .quote-section p { color: var(--navy); font-size: 18px; font-weight: 600; } /* APPLICATION FORM */ .form-section { background: var(--light); } .form-wrapper { max-width: 650px; margin: auto; background: white; padding: 40px; border-radius: 14px; box-shadow: 0 8px 30px #00000010; } .form-wrapper h2 { text-align: center; color: var(--navy); font-size: 30px; } .form-wrapper > p { text-align: center; margin: 10px 0 28px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; color: var(--navy); font-weight: bold; margin-bottom: 7px; } .form-group input { width: 100%; padding: 14px; border: 1px solid #dce1e9; border-radius: 7px; font-size: 15px; } .form-group input:focus { outline: 2px solid var(--yellow); } .form-wrapper button { width: 100%; font-size: 16px; } /* CONTACT */ .contact-section { text-align: center; } .contact-details { display: flex; justify-content: center; flex-wrap: wrap; gap: 55px; margin-top: 30px; } .contact-details h3 { color: var(--navy); margin-bottom: 8px; } .contact-details a { color: #526176; font-weight: bold; } /* FOOTER */ footer { background: #00152f; color: white; padding: 30px 0; text-align: center; } footer span { color: var(--yellow); } /* RESPONSIVE */ @media(max-width: 768px) { .navbar { flex-direction: column; padding: 15px 0; } .logo svg { width: 220px; } nav { justify-content: center; gap: 15px; } .hero { padding: 75px 0; } .hero h1 { font-size: 38px; } .info-grid, .course-grid, .why-grid { grid-template-columns: 1fr; } .section-title h2 { font-size: 28px; } .form-wrapper { padding: 25px; } }
THINK BEYOND NINE TO FIVE

Build Skills Today,
Shape Your Tomorrow.

Your career deserves more than just a degree. Discover career-focused learning, develop practical skills and unlock opportunities with Skill Circle. Take the first step towards your dream career today!

Enroll Now →

Discover Skill Circle: 5W + 1H

Everything you need to know about Skill Circle and your learning journey.

01. WHAT?

Skill Circle is a professional learning and skill-development institute that helps individuals develop industry-relevant knowledge and practical skills.

02. WHERE?

Connect with Skill Circle and explore our learning opportunities. Contact our team for information about available locations and learning modes.

03. WHEN?

The best time to invest in your future is now! Contact our team to know about upcoming batches, class schedules and admissions.

04. WHICH?

Choose a learning program that matches your interests and career goals, including Digital Marketing, Data Science and other skill-based programs.

05. WHO?

Students, fresh graduates, working professionals and aspiring entrepreneurs who want to upgrade their skills and grow professionally.

06. HOW?

Choose your preferred course, contact our team, complete the enrollment process and start your journey towards professional growth.

Explore Our Learning Programs

Discover new skills and prepare yourself for exciting professional opportunities.

Digital Marketing

Learn SEO, social media marketing, Google Ads, content marketing and online brand promotion.

Enquire Now

Data Science

Explore data analysis, statistics, data visualization and essential data science concepts.

Enquire Now

Career Development

Improve your professional knowledge, communication skills and career readiness.

Enquire Now

Why Choose Skill Circle?

Learn, grow and take confident steps towards your professional goals.

Skill Development

Focus on building practical knowledge and skills for your chosen career path.

Career-Focused Learning

Explore learning opportunities designed around your professional ambitions.

Growth Opportunities

Keep learning, improving and preparing yourself for new professional challenges.

Don't Just Dream About Success. Build It!

"Your skills are your biggest investment. Think Beyond Nine to Five."

Start Your Journey!

Fill in your details and our team will help you with the next steps.

Let's Connect!

Have questions about courses or admissions? We are happy to help you.

© 2026 Skill Circle. All Rights Reserved.

THINK BEYOND NINE TO FIVE

document.getElementById("enquiryForm") .addEventListener("submit", function(event) { event.preventDefault(); const name = document.getElementById("name").value; const phone = document.getElementById("phone").value; const email = document.getElementById("email").value; const subject = encodeURIComponent( "New Skill Circle Admission Enquiry" ); const body = encodeURIComponent( "New Student Enquiry\n\n" + "Name: " + name + "\n" + "Phone: " + phone + "\n" + "Email: " + email ); window.location.href = "mailto:support@skillcircle.in" + "?subject=" + subject + "&body=" + body; });