margin: 0; padding: 0; box-sizing: border-box; } /* Enhanced UI Styling */ body { font-family: "Inter", sans-serif; color: #333; line-height: 1.6; overflow-x: hidden; } /* Container adjustments */ .auto-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 10px; } /* Header Enhancements */ .header-lower { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .header-lower .outer-box { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 8px 0; } .logo-box span { background: linear-gradient(135deg, #28a745, #4caf50); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; line-height: 1; } /* Menu Area */ .menu-area { display: flex; justify-content: flex-end; align-items: center; } /* Mobile Nav Toggler (Hamburger Icon) */ .mobile-nav-toggler { display: none; cursor: pointer; } .mobile-nav-toggler .icon-bar { display: block; width: 20px; height: 2px; background-color: #28a745; margin: 4px 0; transition: all 0.3s ease; } /* Main Menu */ .main-menu { display: block; } .main-menu .navigation { display: flex; list-style: none; margin: 0; padding: 0; } .main-menu .navigation li { margin-left: 20px; } .main-menu .navigation li a { color: #333; text-decoration: none; font-weight: 500; } /* Menu Right Content */ .menu-right-content { display: flex; align-items: center; } .menu-right-content .link-box { margin-right: 20px; } .menu-right-content .link-box a { color: #333; text-decoration: none; font-weight: 500; } .menu-right-content .btn-box a { padding: 10px 20px; background: linear-gradient(135deg, #28a745, #4caf50); color: white; border-radius: 50px; text-decoration: none; font-weight: 600; } /* Main Content Styling */ .info-box { background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); padding: 40px; border: 1px solid #f0f0f0; margin-top: 30px; margin-bottom: 30px; } .info-box h3 { color: #28a745; font-size: 36px; margin-bottom: 20px; font-weight: 700; position: relative; padding-bottom: 15px; font-family: "Outfit", sans-serif; } .info-box h3:after { content: ""; position: absolute; bottom: 0; left: 0; width: 80px; height: 4px; background: linear-gradient(90deg, #28a745, #4caf50); border-radius: 4px; } .info-box p { font-size: 1.1rem; line-height: 1.7; } /* Enhanced Box Items */ .single-item { background-color: #fff; border-radius: 12px; padding: 25px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border: 1px solid #f0f0f0; height: 100%; } .single-item:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); border-color: rgba(40, 167, 69, 0.3); } .single-item h4 { color: #111; font-size: 22px; margin-bottom: 15px; font-weight: 600; font-family: "Outfit", sans-serif; } /* Icon Box Styling */ .icon-box { background: linear-gradient(135deg, #28a745, #4caf50); border-radius: 12px; padding: 15px; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; color: white; box-shadow: 0 4px 10px rgba(40, 167, 69, 0.3); } .icon-box i { font-size: 24px; } /* Highlight Box */ .highlight-box { background-color: #e6f4e6; border-left: 5px solid #28a745; padding: 20px 25px; margin: 25px 0; border-radius: 0 12px 12px 0; box-shadow: 0 4px 12px rgba(40, 167, 69, 0.1); } .highlight-box p { margin-bottom: 0; } /* Requirements List */ .requirements-list { list-style-type: none; padding-left: 0; } .requirements-list li { margin-bottom: 16px; padding-left: 35px; position: relative; font-size: 16px; } .requirements-list li:before { content: "✓"; position: absolute; left: 0; top: 0; color: #28a745; font-weight: bold; background-color: rgba(40, 167, 69, 0.1); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; } /* Process List */ .process-list { counter-reset: process-counter; padding-left: 0; } .process-list li { margin-bottom: 18px; padding: 15px 15px 15px 65px; position: relative; background-color: #f8f9fa; border-radius: 10px; font-size: 15px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } .process-list li:hover { background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .process-list li:before { content: counter(process-counter); counter-increment: process-counter; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: linear-gradient(135deg, #28a745, #4caf50); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; box-shadow: 0 3px 8px rgba(40, 167, 69, 0.3); } /* Date Box */ .date-box { display: flex; flex-wrap: wrap; align-items: center; background-color: #f8f9fa; padding: 8px 16px; border-radius: 30px; margin: 10px 0; border: 1px solid #eee; width: 100%; } .date-box i { color: #28a745; margin-right: 8px; } .date-box:hover { background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); border-color: rgba(40, 167, 69, 0.2); } /* Bullet List Styling */ .bullet-list { list-style-type: disc !important; padding-left: 30px; margin-bottom: 20px; } .bullet-list li { margin-bottom: 12px; font-size: 16px; line-height: 1.6; color: #333; } /* Buttons */ .apply-button { display: inline-block; padding: 16px 30px; background: linear-gradient(135deg, #28a745, #4caf50); color: white; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; box-shadow: 0 6px 15px rgba(40, 167, 69, 0.3); margin-top: 15px; } .apply-button:hover { background: linear-gradient(135deg, #4caf50, #28a745); color: white; text-decoration: none; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(40, 167, 69, 0.4); } .syllabus-link { color: #28a745; text-decoration: none; font-weight: 500; padding: 10px 20px; border: 2px solid #28a745; border-radius: 8px; display: inline-block; margin-top: 10px; } .syllabus-link:hover { background-color: #28a745; color: white; box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2); } /* Trainer Section Styling */ .trainer-box { display: flex; align-items: center; background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); margin: 25px 0; border: 1px solid #f0f0f0; } .trainer-box:hover { transform: translateY(-8px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1); border-color: rgba(40, 167, 69, 0.3); } .trainer-image { flex: 0 0 auto; margin-right: 20px; } .trainer-image img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 2px solid #28a745; } .trainer-details h4 { color: #111; font-size: 22px; margin-bottom: 10px; font-weight: 600; font-family: "Outfit", sans-serif; } .trainer-details p { font-size: 1rem; line-height: 1.6; margin-bottom: 10px; } .trainer-details .skills-list { list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; } .trainer-details .skills-list li { background-color: #e6f4e6; color: #28a745; padding: 5px 10px; border-radius: 5px; font-size: 0.9rem; font-weight: 500; } /* Coming Soon Trainer Box */ .trainer-coming-soon { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 12px; padding: 40px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); margin: 25px 0; border: 2px dashed #28a745; text-align: center; } .trainer-coming-soon h4 { color: #28a745; font-size: 24px; margin-bottom: 10px; font-weight: 600; font-family: "Outfit", sans-serif; } .trainer-coming-soon p { color: #666; font-size: 1.1rem; } /* Footer Enhancements */ .main-footer { background-color: #2d2d2d; } .main-footer p { color: #ccc; } .scroll-to-top { background: linear-gradient(135deg, #28a745, #4caf50); } /* Row spacing */ .row-spaced { margin-top: 30px; } /* Equal height columns */ .equal-height { display: flex; flex-wrap: wrap; } .equal-height>[class*="col-"] { display: flex; flex-direction: column; } .equal-height .single-item { flex-grow: 1; } /* Mobile Menu Adjustments */ .mobile-menu { width: 100%; max-width: 300px; } /* Media Queries for Mobile Responsiveness */ @media (max-width: 768px) { .auto-container { padding: 0 10px; } .header-lower .outer-box { flex-wrap: wrap; position: relative; padding: 15px 0; } .logo-box { display: flex; align-items: center; margin-right: 10px; } .logo-box img { width: 32px; height: 32px; } .logo-box span { font-size: 16px; } .menu-area { width: auto; justify-content: flex-end; } .mobile-nav-toggler { display: block; } .main-menu { display: none; } .menu-right-content { display: none; } .info-box { padding: 20px; } .info-box h3 { font-size: 28px; } .info-box p { font-size: 1rem; } .date-box { display: block; text-align: left; padding: 10px; margin: 8px 0; } .date-box i { margin-right: 5px; } .date-box strong { display: block; margin-bottom: 5px; } .highlight-box { padding: 15px 20px; } .process-list li { font-size: 14px; padding: 12px 12px 12px 50px; } .process-list li:before { width: 30px; height: 30px; font-size: 14px; left: 10px; } .bullet-list { padding-left: 20px; } .bullet-list li { font-size: 14px; } .apply-button, .syllabus-link { font-size: 1rem; padding: 12px 20px; } .trainer-box { flex-direction: column; align-items: flex-start; } .trainer-image { margin-right: 0; margin-bottom: 15px; } .trainer-image img { width: 100px; height: 100px; } .trainer-details h4 { font-size: 20px; } .trainer-details .skills-list li { font-size: 0.85rem; } .footer-column { margin-bottom: 20px; } .trainer-coming-soon { padding: 30px 20px; } .trainer-coming-soon h4 { font-size: 20px; } } @media (max-width: 480px) { .info-box h3 { font-size: 24px; } .info-box p { font-size: 0.9rem; } .date-box { font-size: 0.85rem; padding: 8px; } .process-list li { font-size: 13px; } .bullet-list li { font-size: 13px; } .apply-button, .syllabus-link { font-size: 0.9rem; padding: 10px 15px; } .footer-widget p { font-size: 0.9rem; } .mobile-nav-toggler .icon-bar { width: 18px; height: 2px; margin: 3px 0; } .logo-box span { font-size: 14px; } .trainer-image img { width: 80px; height: 80px; } .trainer-details h4 { font-size: 18px; } .trainer-details p { font-size: 0.9rem; } .trainer-details .skills-list li { font-size: 0.8rem; padding: 4px 8px; } .trainer-coming-soon h4 { font-size: 18px; } .trainer-coming-soon p { font-size: 1rem; } }
Join our Flutter App Development Training Program to break into high-demand roles in Mobile App Development and Cross-Platform Development. Learn to build beautiful, high-performance mobile applications for both iOS and Android with a single codebase!
Discover the Opportunity:
Join Our Free Webinar to Learn More
Our 90-minute webinar provides a comprehensive roadmap to becoming a sought-after Flutter developer. Learn what companies look for, how to build a job-winning portfolio, and get live demos of Flutter app development.
Contact: +(91) 81237 00851
Mail: delivery@g1careers.com
Master Flutter Development in our comprehensive 90-day program designed for Cross-Platform Mobile App Development. Gain hands-on skills in Dart programming, UI/UX design, state management, and app deployment for both iOS and Android platforms.
Program Highlights:
Program Details:
What You'll Learn:
Requirements:
Application Process:
Training Curriculum
Learn Flutter development from basics to advanced concepts including Dart programming, widget development, state management, Firebase integration, and app deployment. Request the full syllabus for detailed insights.
Career Opportunities: