@php
//$course = DB::table("courses")->where("url", $page->)
$this_course = DB::table("courses")->where("id", $page->course_id)->first();
@endphp
<section class="courses-details  mobile" style="background-image: url({{asset($this_course->large_banner)}});">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-7 col-md-8 col-12">
            <div class="course-heading-banner">
               <h1><span>PG Program in Full Stack Development Engineering</span> <span> in Berlin</span></h1>
               <p>Develop your skills in web development, mobile application development, big data engineering, Cloud Computing, cyber security, DevOps engineering, and blockchain development to become an industry-ready certified full-stack development engineer in Berlin.</p>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="mobile-banner mobile-display">
   <div class="container-fluid">
      <div class="row">
         <div class="col-12">
            <p>Develop your skills in web development, mobile application development, big data engineering, Cloud Computing, cyber security, DevOps engineering, and blockchain development to become an industry-ready certified full-stack development engineer in Berlin.</p>
            <div class="course-specification justify-content-center" style="column-gap: 12px;">
               <div class="box">
                  <p>
                     @php
                     $date = new DateTime();
                     if($date->format('D') == 'Fri'){
                     echo $date->format('j M, Y');
                     }else{
                     $date->modify('next friday');
                     echo $date->format('j M, Y');
                     }
                     @endphp
                  </p>
                  <span>Next Batch <br> starts on</span>
               </div>
               <div class="box">
                  <p>{{$this_course->duration}} Months</p>
                  <span>Program<br> Duration</span>
               </div>
               <div class="box">
                  <p>ONLINE</p>
                  <span>Learning <br>Format</span>
               </div>
               <div class="box">
                  <p>8500</p>
                  <span>Career <br> Transformed</span>
               </div>
               <div class="box">
                  <p>950+</p>
                  <span>Hiring <br> Partners</span>
               </div>
               <button type="button" class="fill-btn" data-toggle="modal" data-target="#register-form">Apply Now</button>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="banner-date-2 mobile-display-none">
   <div class="container">
      <div class="banner-detail">
         <div class="date-border width">
            <h2>Courses<br> Features</h2>
            <button type="button" class="fill-btn" data-toggle="modal" data-target="#register-form">Apply Now</button>
         </div>
         <div class="date-border">
            <img data-src="{{ asset('images/courses/banner-icon-1.png')}}" class="lazyload" alt="Career Transformed">
            <p class="icon-plus">8500</p>
            <span>Career Transformed</span>
         </div>
         <div class="date-border">
            <img data-src="{{ asset('images/courses/banner-icon-2.png')}}" class="lazyload" alt="Live Internship">
            <p>6 Months</p>
            <span>Live Internship</span>
         </div>
         <div class="date-border">
            <img data-src="{{ asset('images/courses/banner-icon-3.png')}}" class="lazyload" alt="Program Duration">
            <p>{{$this_course->duration}} Months</p>
            <span>Program Duration</span>
         </div>
         <div class="date-border">
            <img data-src="{{ asset('images/courses/banner-icon-4.png')}}" class="lazyload" alt="Next Batch starts">
            <p style="color: #f8b700">
               @php
               $date = new DateTime();
               if($date->format('D') == 'Fri'){
               echo $date->format('j M, Y');
               }else{
               $date->modify('next friday');
               echo $date->format('j M, Y');
               }
               @endphp
            </p>
            <span>Next Batch starts on</span>
         </div>
         <div class="date-border">
            <img data-src="{{ asset('images/courses/banner-icon-5.png')}}" class="lazyload" alt="Hiring Partners">
            <p>950+</p>
            <span>Hiring Partners</span>
         </div>
      </div>
   </div>
</section>
<section id="overview" class="program-overview">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-7 col-md-7 flex">
            <div>
               <div class="place-heading top-heading">
                  <h2>Program Overview</h2>
                  <p>We believe you have the right to pursue your desired career in technology, so DataTrained have partnered to provide you with the best curriculum in Berlin through this course and the world's best online Full Stack Development engineering education in Berlin. You can Discover the most commonly used Full Stack Development approaches, technologies, and tools.
                  </p>
               </div>
               <div class="place-heading">
                  <h3>Key Highlights</h3>
               </div>
               <ul class="hightlight">
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="The program offers a 6-month internship.">The program offers a 6-month internship.</li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="This course will assist both working professionals and recent graduates.">This course will assist both working professionals and recent graduates.
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="Industry experts will be present throughout the live sessions.">Industry experts will be present throughout the live sessions.
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="100% Placement Assistance">100% Placement Assistance
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="Projects & Case Studies from the Real World">Projects & Case Studies from the Real World
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="A Personal Success Manager will be assigned to you for the duration of your career.">A Personal Success Manager will be assigned to you for the duration of your career.
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="360 Degree Career Support">360 Degree Career Support
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="Any lingering doubts are immediately erased.">Any lingering doubts are immediately erased.
                  </li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="Using a Mentor to Help You Prepare for an Interview">Using a Mentor to Help You Prepare for an Interview</li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="Make sure you're prepared for both product and service businesses.">Make sure you're prepared for both product and service businesses.</li>
                  <li><img data-src="{{ asset('images/courses/Capture.png')}}" class="lazyload" alt="To help you develop your coding skills, there are 500+ coding activities to choose from.">To help you develop your coding skills, there are 500+ coding activities to choose from.</li>
               </ul>
            </div>
         </div>
         <div class="col-lg-5 col-md-5 mobile-display-none">
            <div class="program-vedio">
               <div class="pg-program-vedio" style="background-image: url({{asset($this_course->small_banner)}});">
                  <div class="modal fade" id="pg-video" tabindex="-1" aria-labelledby="banner-videoLabel" aria-hidden="true">
                     <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                           <div class="modal-body">
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                              </button>
                              <iframe src="https://www.youtube.com/embed/uAlgrfryf9k" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                           </div>
                        </div>
                     </div>
                  </div>
                  {{-- <button type="button" data-toggle="modal" data-target="#pg-video">
                  <img data-src="{{ asset('images/courses/play.png')}}" alt="DataTrained-dtgyan" class="pg-icon lazyload">
                  </button> --}}
               </div>
               <div class="cont-box">
                  <h2>{{$this_course->title}}</h2>
                  <div class="details-pg">
                     <ol>
                        <li class="time-pg">
                           <span>€ 3,800</span>
                        </li>
                        <li class="students-pg">
                           <ul class="student-img-pg">
                              <li style="z-index:4;"><img data-src="{{ asset('images/courses/st-1.webp')}}" class="lazyload" alt="Best online Data science course"></li>
                              <li style="z-index:3;"><img data-src="{{ asset('images/courses/st-2.webp')}}" class="lazyload" alt="Best online Data science course"></li>
                              <li style="z-index:2;"><img data-src="{{ asset('images/courses/st-3.webp')}}" class="lazyload" alt="Best online Data science course"></li>
                              <li style="z-index:1;"><img data-src="{{ asset('images/courses/st-4.webp')}}" class="lazyload" alt="Best online Data science course"></li>
                           </ul>
                           {{$this_course->student_count}}+ learner
                        </li>
                     </ol>
                  </div>
                  <div class="featr">Features</div>
                  <ul class="ondemand">
                     <li><i class="fa fa-video-camera"></i>{{$this_course->content_hours}}+ hours of learning</li>
                     <li><i class="fa fa-pencil"></i>Practice Test Included</li>
                     <li><i class="fa fa-certificate"></i>Certificate of completion</li>
                     <li><i class="fa fa-cogs"></i>Designed for freshers as well as a working process</li>
                  </ul>
                  <div class="buy-now-pg">
                     <button type="button" class="fill-btn" data-toggle="modal" data-target="#register-form">Enroll Now</button>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="certificate mt-5">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-7 col-md-6 col-12 flex">
            <div class="cer-details">
               <div class="place-heading">
                  <h3>{{$this_course->duration}} Months PG Program In Full Stack Development Engineering</h3>
                  <p>Get eligible for 4 world-class certifications thus adding that extra edge to your resume.</p>
               </div>
               <ul>
                  <li>Course completion certificate from DataTrained Education</li>
                  <li>Project completion certificate from DataTrained Education</li>
                  <li>Internship Experience Certificate from Partner Companies</li>
               </ul>
            </div>
         </div>
         <div class="offset-lg-1 col-lg-4 col-md-6 col-12">
            <div class="certificate-slider">
               <div id="carouselControls" class="carousel slide" data-ride="carousel">
                  <div class="carousel-inner">
                     <div class="carousel-item active">
                        <img class="d-block w-100 lazyload" data-src="{{ asset('images/courses/full-stack/fullstack-intr.avif')}}" alt="Course completion certificate">
                     </div>
                     <div class="carousel-item">
                        <img class="d-block w-100 lazyload" data-src="{{ asset('images/courses/datascience/certificate-2.webp')}}" alt="Project completion certificate">
                     </div>
                     <div class="carousel-item">
                        <img class="d-block w-100 lazyload" data-src="{{ asset('images/courses/datascience/certificate-4.webp')}}" alt="Internship Experience Certificate">
                     </div>
                  </div>
                  <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                  </a>
                  <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                  </a>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="whats-the mobile-whats">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12">
            <div class="place-heading">
               <h3>What’s The Focus Of This Full Stack Development Course  <span> in Berlin</span></h3>
               <p>DataTrained's PG Curriculum in Full Stack Development Engineering, developed, is a job-oriented degree with a 100% job assistance. This one-of-a-kind engineering curriculum will prepare you for a job as a Software Engineer at the entry level. The average national salary for a Full Stack Developer is €57,723 in Berlin. The cheapest package is €50k, and the most expensive package is €70K. To be considered for your dream job with your dream company in Berlin, enroll in the program today.
               </p>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-4 col-md-6 col-12 mb-4">
            <div class="whats-box">
               <img data-src="{{ asset('images/courses/full-stack/course-1.png')}}" class="lazyload" alt="7 Unique Specializations- data science programs near me">
               <div class="cont">
                  <h4>Master Unique Skillset</h4>
                  <p>Develop a one-of-a-kind skill set that will help you succeed as a Full Stack Developer. This course's unrivaled curriculum will boost your chances of being hired in both service-based and product-based firms, and at a higher salary.
                  </p>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12 mb-4">
            <div class="whats-box">
               <img data-src="{{ asset('images/courses/full-stack/course-2.png')}}" class="lazyload" alt="Dedicated Career Assistance - data science program institute">
               <div class="cont">
                  <h4>Dedicated Career Assistance</h4>
                  <p>Get one-on-one career guidance and practise interviews with hiring managers. Excite your career by working with one of our 950+ employment partners.
                  </p>
               </div>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12 mb-4">
            <div class="whats-box">
               <img data-src="{{ asset('images/courses/full-stack/course-3.png')}}" class="lazyload" alt="Student Support - data science online training">
               <div class="cont">
                  <h4>Student Support</h4>
                  <p>Student help is available via email from 9 a.m. to 9 p.m. IST, or via the Platform's callback option for a response within 2 working hours.
                  </p>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section id="instructors" class="instructors mobile-instruct">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-7 col-12">
            <div class="place-heading">
               <h2>Instructors</h2>
               <p>Join DataTrained – Certified Curriculum and learn every skill from the industry’s best thought leaders. </p>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-4 col-md-6 col-12">
            <div class="shadows">
               <img data-src="{{ asset('images/courses/datascience/shankargouda.JPG')}}" class="lazyload" alt="Shankargouda Tegginmani - Data Scientist, Accenture">
               <h3>Shankargouda Tegginmani</h3>
               <span>Data Scientist, Accenture</span>
               <p>Shankar is a data Scientist with 14 Years of Experience. His current employment is with Accenture and has experience in telecom, healthcare, finance and banking products.</p>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="shadows">
               <img data-src="{{ asset('images/free-course/pinky.png')}}" class="lazyload" alt="Senior Technical Trainer, DataTrained">
               <h3>Pinky Sodhi</h3>
               <span>Senior Java Trainer, DataTrained</span>
               <p>With 15+ years of teaching & training experience. My focus has always been enhancing the programming skills and aptitude of learners majorly in Core & Advanced Java, a bit of C++ and C#. I have 6 national & international research papers to my credit.</p>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="shadows">
               <img data-src="{{ asset('images/free-course/unjaman.png')}}" class="lazyload" alt="Senior Technical Trainer, DataTrained">
               <h3>Unjaman Ul Ishlam</h3>
               <span>Senior Technical Trainer, DataTrained</span>
               <p>"MCA (Gold Medalist) with 5+ years of experience as an IT trainer (JAVA, C, C++). I always discovered the value of my own experiences and successes. This led me to train the students for programming in a better way. I have been a part of statistical analysis projects by doing them through coding."</p>
            </div>
         </div>
      </div>
   </div>
</section>
<section id="syllabus" class="pd">
   <div class="syllabus">
      <div class="container-fluid">
         <div class="row">
            <div class="col-xl-7 col-lg-6 col-md-7 col-12">
               <div class="place-heading col-flex">
                  <h2>Full Stack Development Engineering Course Syllabus</h2>
                  <p>Best-in-class content by leading faculty and industry leaders in the form of videos, projects, and cases, live sessions, and assignments. </p>
                  <button type="button" class="btn-download" data-toggle="modal" data-target="#register-form"><i class="fa fa-download"></i> Download Syllabus</button>
               </div>
            </div>
            <div class="col-xl-5 col-lg-6 col-md-5 col-12">
               <img data-src="{{ asset('images/courses/syllabus.png')}}" class="lazyload" alt="best full stack courses online">
            </div>
         </div>
      </div>
   </div>
</section>
<section class="syllabus-bottom">
   <div class="container-fluid">
      <div class="syllabus-headings">
         <h3>Detailed Syllabus of Full Stack Development Engineering Course</h3>
      </div>
      <div class="row row-reverse">
         <div class="col-12 mobile-display">
            <div class="mobile-curri">
               <div class="big-box">
                  <ul>
                     <li><img data-src="{{ asset('images/courses/hours.png')}}" class="lazyload" alt="100+ Hours of Content - Full Stack Development"></li>
                     <li>
                        <span>{{$this_course->content_hours}}+</span>
                        <p>Hours of Content</p>
                     </li>
                  </ul>
               </div>
               <div class="big-box">
                  <ul>
                     <li><img data-src="{{ asset('images/courses/live-streaming.png')}}" class="lazyload" alt="30+ Live Sessions - Full Stack Development"></li>
                     <li>
                        <span>30+</span>
                        <p>Live Sessions</p>
                     </li>
                  </ul>
               </div>
               <div class="big-box">
                  <ul>
                     <li><img data-src="{{ asset('images/courses/tool.png')}}" class="lazyload" alt="15 Tools and Software - Full Stack Development"></li>
                     <li>
                        <span>15</span>
                        <p>Tools and Software</p>
                     </li>
                  </ul>
               </div>
            </div>
            <button type="button" class="fill-btn" data-toggle="modal" data-target="#register-form">Download Curriculum Brochure</button>
         </div>
         <div class="col-xl-4 col-lg-5 col-md-5 col-12 mobile-display-none">
            <div class="curriculum">
               <h3>Comprehensive Curriculum</h3>
               <p>The curriculum has been designed by faculty from IITs, and Expert Industry Professionals.</p>
               <div class="sy-img-con">
                  <div class="syllabus-img">
                     <img data-src="{{ asset('images/courses/hours.png')}}" class="lazyload" alt="100+ Hours of Content - Full Stack Development">
                  </div>
                  <div class="syllabus-content">
                     <span>{{$this_course->content_hours}}+</span>
                     <p>Hours of Content</p>
                  </div>
               </div>
               <div class="sy-img-con">
                  <div class="syllabus-img">
                     <img data-src="{{ asset('images/courses/live-streaming.png')}}" class="lazyload" alt="30+ Live Sessions - Full Stack Development">
                  </div>
                  <div class="syllabus-content">
                     <span>30+</span>
                     <p>Live Sessions</p>
                  </div>
               </div>
               <div class="sy-img-con">
                  <div class="syllabus-img">
                     <img data-src="{{ asset('images/courses/tool.png')}}" class="lazyload" alt="15 Tools and Software - Full Stack Development">
                  </div>
                  <div class="syllabus-content">
                     <span>15</span>
                     <p>Tools and Software</p>
                  </div>
               </div>
               <button type="button" class="down-cum" data-toggle="modal" data-target="#register-form">Download Curriculum Brochure</button>
            </div>
         </div>
         <div class="col-xl-8 col-lg-7 col-md-7 col-12">
            <div class="accordion md-accordion" id="accordion-inv" role="tablist" aria-multiselectable="true">
               <div class="syllabus-newbox">
                  <span class="module-box">Module 1</span>
                  <span class="module-heading">Full Stack Development Foundation</span>
                  <p>These practical concepts are every-day used by professional full-stack developers to write high-quality code. Mastering these concepts will help you crack job interviews at your dream company and make you stand out among other developers. These skills will keep you forever in demand, as you can easily pick up new languages, libraries, and frameworks.</p>
                  <div class="card">
                     <div class="card-header" role="tab" id="heading1">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-inv" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
                           <h4 class="mb-0">Full Stack Development Foundation<i class="fa fa-caret-down"></i></h4>
                        </a>
                     </div>
                     <div id="collapse1" class="collapse" role="tabpanel" aria-labelledby="heading1" data-parent="#accordion-inv">
                        <div class="card-body">
                           <div class="row">
                              <div class="col-lg-12">
                                 <ul>
                                    <li>Computational Thinking, Flowcharts and Pseudocodes</li>
                                    <li>Programming with C++</li>
                                    <li>Object Oriented Programming with Java</li>
                                    <li>Data Structure and Algorithms</li>
                                    <li>Version Control with Git</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="syllabus-newbox">
                  <span class="module-box">Module 2</span>
                  <span class="module-heading">Frontend Development</span>
                  <p>Demand for high-quality user experience has sky-rocketed recently, and soft- ware developers are expected to create sophisticated front-end user interfaces for their software applications. Learn how to build a rich and interactive front-end for your software applications.</p>
                  <p>Additionally, earn how to gather user requirements, build prototypes, architect software, p an and manage end-to-end software development projects.</p>
                  <div class="card">
                     <div class="card-header" role="tab" id="heading2">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-inv" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
                           <h4 class="mb-0">Frontend Development<i class="fa fa-caret-down"></i></h4>
                        </a>
                     </div>
                     <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="heading2" data-parent="#accordion-inv">
                        <div class="card-body">
                           <div class="row">
                              <div class="col-lg-12">
                                 <ul>
                                    <li>Frontend Use Cases and Scenarios</li>
                                    <li>Frontend development with HTMLS, CSS3, and Javascript</li>
                                    <li>Software Development Life Cycle and Agile Engineering</li>
                                    <li>Software Requirement and Project Planning</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="syllabus-newbox">
                  <span class="module-box">Module 3</span>
                  <span class="module-heading">Advance Frontend Development</span>
                  <p>Take your frontend development skills to the next level by learning the latest frontend tools and frameworks - JavaScript ES6, React JS, Sass, Webpack, and Babel</p>
                  <div class="card">
                     <div class="card-header" role="tab" id="heading3">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-inv" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
                           <h4 class="mb-0">Advance Frontend Development<i class="fa fa-caret-down"></i></h4>
                        </a>
                     </div>
                     <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="heading3" data-parent="#accordion-inv">
                        <div class="card-body">
                           <div class="row">
                              <div class="col-lg-12">
                                 <ul>
                                    <li>Advanced Javascript</li>
                                    <li>Javascript ES6</li>
                                    <li>Modern Javascript tools such as NPM, Webpack, and Babel</li>
                                    <li>Core ReactJS concepts such as jsx, props, state, and components</li>
                                    <li>Sass - CSS with Superpowers</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="syllabus-newbox">
                  <span class="module-box">Module 4</span>
                  <span class="module-heading">Backend Development</span>
                  <p>Learn to build a high-performance, scalable backend and master the use of APIs to take your application to serve millions of users. You will continue to learn best practices for working in high-performance software engineering teams.</p>
                  <div class="card">
                     <div class="card-header" role="tab" id="heading4">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-inv" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
                           <h4 class="mb-0">Backend Development<i class="fa fa-caret-down"></i></h4>
                        </a>
                     </div>
                     <div id="collapse4" class="collapse" role="tabpanel" aria-labelledby="heading4" data-parent="#accordion-inv">
                        <div class="card-body">
                           <div class="row">
                              <div class="col-lg-12">
                                 <ul>
                                    <li>Backend development using Node JS and Express JS</li>
                                    <li>Data Storage and Modelling using MongoDB</li>
                                    <li>RESTful API development and Integration</li>
                                    <li>Design Patterns</li>
                                    <li>Implementation of MVC Architecture</li>
                                    <li>Code reviews and bug tracking best practices</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="syllabus-newbox">
                  <span class="module-box">Module 5</span>
                  <span class="module-heading">Capstone Project and Deployment</span>
                  <p>After months of lectures and hands-on practice on the latest tools, it is time to create a fully functional software product on your own! You will work on a project mentored by industry experts, to create a ready-to-use software product with a robust backend and an engaging user interface. The project will ensure that you get to apply all the lessons you have covered during the program.</p>
                  <div class="card">
                     <div class="card-header" role="tab" id="heading5">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-inv" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
                           <h4 class="mb-0">Capstone Project and Deployment<i class="fa fa-caret-down"></i></h4>
                        </a>
                     </div>
                     <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordion-inv">
                        <div class="card-body">
                           <div class="row">
                              <div class="col-lg-12">
                                 <ul>
                                    <li>An OTT platform like Netflix</li>
                                    <li>An eCommerce website like Amazon</li>
                                    <li>A real-time chat platform like WhatsApp</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="syllabus-newbox">
                  <span class="module-box">Module 6</span>
                  <span class="module-heading">Gear Up for Placements</span>
                  <p>Learn to build scalable and robust systems using System Design concepts. Learn the pre-requisites for clearing any tech interview, aptitude, Operating Systems, DBMS and SDL.</p>
                  <div class="card">
                     <div class="card-header" role="tab" id="heading6">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordion-inv" href="#collapse6" aria-expanded="false" aria-controls="collapse6">
                           <h4 class="mb-0">Gear Up for Placements<i class="fa fa-caret-down"></i></h4>
                        </a>
                     </div>
                     <div id="collapse6" class="collapse" role="tabpanel" aria-labelledby="heading6" data-parent="#accordion-inv">
                        <div class="card-body">
                           <div class="row">
                              <div class="col-lg-12">
                                 <ul>
                                    <li>Operating Systems</li>
                                    <li>System Design</li>
                                    <li>Database Management System</li>
                                    <li>Aptitude Preparation</li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="duration mt-5">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12">
            <div class="place-heading">
               <h2>Why join this Full Stack Development Engineering  <span> In Berlin?<span> </h2>
               <p>DataTrained's Full Stack Development Engineering is the greatest and most specialized engineering curriculum available. The program was designed in collaboration with DataTrained, and industry experts and adheres to international industry standards.</p>
               <p>It was produced by people who have spent decades working in the software development industry. The 14-month course includes a well-balanced curve of practical and theoretical learnings that cover everything from the fundamentals to high levels of specialization anywhere in the world. Enroll now to take advantage of the most comprehensive online Full Stack Development Engineering program available.</p>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="col-lg-12">
            <div class="tab-industry">
               <ul class="nav nav-tabs" role="tablist">
                  <li class="nav-item">
                     <a class="nav-link active" href="#Internship" aria-controls="Internship" role="tab" data-toggle="tab"><img data-src="{{ asset('images/courses/icon-bookmark.png')}}" class="lazyload" alt="Internship">Internship</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="#Resume-feedback" aria-controls="Resume-feedback" role="tab" data-toggle="tab"><img data-src="{{ asset('images/courses/icon-resume.png')}}" class="lazyload" alt="Resume Feedback">Resume Feedback</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="#Interview-pepration" aria-controls="Interview-pepration" role="tab" data-toggle="tab"><img data-src="{{ asset('images/courses/icon-interview.png')}}" class="lazyload" alt="Interview Preparation">Interview Preparation</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" href="#placement" aria-controls="placement" role="tab" data-toggle="tab"><img data-src="{{ asset('images/courses/icon-placement.png')}}" class="lazyload" alt="Placement">Job Assistance</a>
                  </li>
               </ul>
               <div class="col-lg-12">
                  <div class="tab-content">
                     <div role="tablist" aria-labelledby="home-tab" class="tab-pane fade show active" id="Internship">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <img data-src="{{ asset('images/courses/datascience/internship.png')}}" class="lazyload" alt="Internship">
                           </div>
                           <div class="offset-lg-1 col-lg-6 col-md-6 flex">
                              <div class="duration-content">
                                 <p>After completing a 6-month internship, you will graduate as an experienced Software Development specialist rather than a beginner. You can combine an online internship with your current job. Internship guarantees that the candidate is industry ready with industry relevant experience.</p>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div role="tablist" aria-labelledby="home-tab" class="tab-pane fade" id="Resume-feedback">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <img data-src="{{ asset('images/courses/datascience/resume-feedback.png')}}" class="lazyload" alt="Resume Feedback">
                           </div>
                           <div class="offset-lg-1 col-lg-6 col-md-6 flex">
                              <div class="duration-content">
                                 <p>DataTrained is an AI-enabled platform for resume preparation that gives personalized feedback in real time, assisting you in having your CV shortlisted. Our experts will create a customized career profile for you that is tailored to your experience and suitable to the engineering job role in line with your speciality. You'll be able to create an appealing and to-the-point CV with the help of top industry professionals. A well-written CV will stand out from the crowd and attract potential employers' attention.</p>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div role="tablist" aria-labelledby="home-tab" class="tab-pane fade" id="Interview-pepration">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <img data-src="{{ asset('images/courses/datascience/interview.png')}}" class="lazyload" alt="Interview preparation DataTrained">
                           </div>
                           <div class="offset-lg-1 col-lg-6 col-md-6 flex">
                              <div class="duration-content">
                                 <p>Mentors provide personal coaching and support by conducting mock HR and technical interviews on a regular basis. Every step of the interview process will be covered by us.</p>
                                 <p>You'll be exposed to one-on-one mock interviews as well as panel interviews led by industry specialists, in addition to basic to intermediate model interview question and answer sessions. Students are assisted by an industry mentor in completing projects and progressing to the status bar so that their resumes appear competitive to recruiters.</p>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div role="tablist" aria-labelledby="home-tab" class="tab-pane fade" id="placement">
                        <div class="row">
                           <div class="col-lg-5 col-md-6">
                              <img data-src="{{ asset('images/courses/datascience/placement.png')}}" class="lazyload" alt="100% granted placement">
                           </div>
                           <div class="offset-lg-1 col-lg-6 col-md-6 flex">
                              <div class="duration-content">
                                 <p>Thanks to our career-focused curriculum, you'll have the opportunity to interview with prominent banking and finance businesses, as well as obtain access to our placement portal and network references. We work with over 400 recruitment partners, and we create an Ability Score for each student, which is then distributed to our 950+ partners.</p>
                                 <p>Each candidate's Ability Score is determined and distributed to our over 950+ recruitment partner organizations. 350 <a href="https://www.hindustantimes.com/brand-post/350-datatrained-students-have-been-placed-in-just-15-days/story-1uE7R2VqAZpSuSyBMBAAfL.html"target="_blank">DataTrained</a> students have been placed in just 15 days. Whenever our hiring partners have any vacant positions they get in contact with us.</p>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section id="admission" class="admission-process mobile-admission">
   <div class="container-fluid">
      <div class="place-heading">
         <h2>Admission Process</h2>
         <p>There are 3 simple steps in the Admission Process which is detailed below</p>
      </div>
      <div class="row justify-content-center">
         <div class="col-lg-4 col-md-6 col-12">
            <div class="process-steps">
               <h3>Step 1: Fill in a Query Form</h3>
               <p>Fill up the Query Form and one of our counselors will call you & understand your eligibility.</p>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="process-steps">
               <h3>Step 2: Get Shortlisted & Receive a Call</h3>
               <p>Our Admissions Committee will review your profile. Upon qualifying, an Email will be sent to you confirming your admission to the Full Stack Development Engineering.</p>
            </div>
         </div>
         <div class="col-lg-4 col-md-6 col-12">
            <div class="process-steps">
               <h3>Step 3: Block your Seat & Begin the Prep Course</h3>
               <p>Block your seat with a payment to enroll in the program. Begin with your Prep course and start your Full Stack Development journey!</p>
            </div>
         </div>
      </div>
   </div>
</section>
<section id="fees" class="pd">
   <div class="residents">
      <div class="container-fluid">
         <div class="row ">
            <div class="col-xl-7 col-lg-6 col-md-6 col-sm-12">
               <div class="place-heading col-flex">
                  <h2>Full Stack Development Engineering Course Fee</h2>
                  <span>€  3,800</span>
                  <p>No Cost EMI options are also available. *</p>
                  <button type="button" class="fill-btn" data-toggle="modal" data-target="#register-form"> View Plan</button>
               </div>
            </div>
            <div class="col-xl-5 col-lg-6 col-md-6 col-sm-12">
               <div class="residents-right">
                  <img data-src="{{ asset('images/courses/best-data-science.png')}}" class="lazyload" alt="Full Stack Development Course Fee">
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="book-form pd0 mb30">
   <div class="container-fluid">
      <div class="row ">
         <div class="col-lg-6 col-md-6 new-padding">
            <div class="session-now">
               <div class="heading-box">
                  <h3>I’m interested in this program</h3>
               </div>
               @include('common.npf_form_modal')
            </div>
         </div>
         <div class="col-lg-6 col-md-6 back-color">
            <div class="form-cont">
               <h3>What's Included in the Price</h3>
               <p>Industry recognized certificate from DataTrained</p>
               <p>Access to real-life industry-grade projects</p>
               <p>6 Months live Internship as part of the core curriculum</p>
               <h3>For Queries and Suggestions</h3>
               <span>Call DataTrained Now</span>
               <div class="info-head"><i class="fa fa-envelope-o"></i> Chat With Us</div>
               <div class="buttons">
                  <a href="https://salesiq.zoho.in/signaturesupport.ls?widgetcode=185aa0c2daf2c3a770df5066c8325a71c8c73b53030c42852eb5a953fab447df8dcc781057ba169f85fbabad8ab4d4bd" target="_blank">Enrolment Queries</a>
                  <a href="https://salesiq.zoho.in/signaturesupport.ls?widgetcode=185aa0c2daf2c3a770df5066c8325a71c8c73b53030c42852eb5a953fab447df8dcc781057ba169f85fbabad8ab4d4bd" target="_blank">Payment Queries</a>
               </div>
               <div class="info-head"><i class="fa fa-phone"></i> Call</div>
               <div class="buttons">
                  <!-- <a href="tel:+16465856842">+1-646-585-6842</a> -->
                  <a href="tel:+447441427157">+44-744 142 7157</a>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="syllabus-bottom faq" id="faqs">
   <div class="container-fluid">
   <div class="syllabus-headings text-center">
      <h2>Frequently Ask Questions</h2>
   </div>
   <div class="row justify-content-center">
      <div class="col-lg-10 col-sm-12">
         <div class="accordion md-accordion" id="accordion-faq" role="tablist" aria-multiselectable="true">
            <div class="card">
               <div class="card-header" role="tab" id="heading01">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse01" aria-expanded="false" aria-controls="collapse01">
                     <h3 class="mb-0">What is a full stack developer course?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse01" class="collapse" role="tabpanel" aria-labelledby="heading01" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>Web Developer with Full Stack The Mean Stack course covers JavaScript, Node.js, Angular, Docker, and Protractor, among other software development and testing technologies. You'll create an end-to-end application, test and deploy code, and use MongoDB to store data. As a Full Stack Developer, this curriculum will help you grow your career. </p>
                           <p>Throughout this Full Stack Developer programme, you'll study top skills like MongoDB, Express.js, Angular, and Node.js, as well as GIT, HTML, CSS, and JavaScript, to develop and deploy interactive applications and services.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading02">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse02" aria-expanded="false" aria-controls="collapse02">
                     <h3 class="mb-0">Which institute is best for full stack developer course?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse02" class="collapse" role="tabpanel" aria-labelledby="heading02" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>We believe you are deserving of your ideal technology career, so DataTrained have partnered to provide you with the best curriculum available in Berlin through this course. Berlin's and the world's best online Full Stack Development engineering education. Discover the most commonly used Full Stack Development approaches, technologies, and tools. This DataTrained programme is one of the greatest PG courses in Berlin.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading03">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse03" aria-expanded="false" aria-controls="collapse03">
                     <h3 class="mb-0">Is full stack a good career in Berlin?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse03" class="collapse" role="tabpanel" aria-labelledby="heading03" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>A career as a full-stack developer is the most difficult and rewarding. To create website apps, it entails a mix of front-end and back-end effort.</p>
                           <p>This is a key position in any tech-savvy firm. The demand for full-stack developers has increased in recent years as the number of online platforms and digitally driven businesses has increased. As a result, as long as we need to design online apps, there will always be a demand for full-stack web developers in Berlin and around the world.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading04">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse04" aria-expanded="false" aria-controls="collapse04">
                     <h3 class="mb-0">How long does it take to become a full stack developer?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse04" class="collapse" role="tabpanel" aria-labelledby="heading04" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>With committed studies, you may typically become a full stack developer in 3–6 months, depending on your work ethic. Keep in mind that your education does not finish after this initial instruction. Because the software industry is constantly developing, you must keep up with it.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading05">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse05" aria-expanded="false" aria-controls="collapse05">
                     <h3 class="mb-0">What are the top companies for full stack developers in Berlin?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse05" class="collapse" role="tabpanel" aria-labelledby="heading05" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>Top Companies are as follows:</p>
                           <ul>
                              <li>Oscar</li>
                              <li>DISYS</li>
                              <li>eTeam Inc</li>
                              <li>Cisco</li>
                              <li>Discover</li>
                           </ul>
                           <p>In addition, developers and programmers make 9% less than Information Technology experts. In Berlin, full stack developers are in high demand.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading06">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse06" aria-expanded="false" aria-controls="collapse06">
                     <h3 class="mb-0">What is the salary of a Full Stack Developer in Berlin? <i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse06" class="collapse" role="tabpanel" aria-labelledby="heading06" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>The amount of experience is the most important factor in determining a wage. Naturally, the longer you've worked, the more money you'll make. A Full Stack Developer with less than two years of experience can expect to earn roughly €80k per month. Someone with two to five years of experience may expect to earn €8k per month, which is 28% higher than someone with less than two years.</p>
                           <p>In the future, someone with five to 10 years of experience will earn 12k-15k€ a month, which is 38% more than someone with two to five years of experience.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading07">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse07" aria-expanded="false" aria-controls="collapse07">
                     <h3 class="mb-0">What are the responsibilities of a full stack developer in Berlin?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse07" class="collapse" role="tabpanel" aria-labelledby="heading07" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>Create thorough application testing processes. Update existing programmes to bring them up to date in terms of security and functionality. Responsibilities: Create thorough application testing processes. Update current applications to satisfy the company's website's security and functionality criteria.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading08">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse08" aria-expanded="false" aria-controls="collapse08">
                     <h3 class="mb-0">Which language is best for full stack developer?<i class="fa fa-caret-down"></i>
                     </h3>
                  </a>
               </div>
               <div id="collapse08" class="collapse" role="tabpanel" aria-labelledby="heading08" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>The most popular languages for full stack developers are Node.js, Python, C#, ASP.NET, and PHP. In the future, HTML/CSS, as well as newer languages like AngularJS and Node, are projected to be the most popular languages for full stack developers.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading09">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse09" aria-expanded="false" aria-controls="collapse09">
                     <h3 class="mb-0">Why full-stack is so popular in Berlin?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse09" class="collapse" role="tabpanel" aria-labelledby="heading09" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>Not only is full-stack development popular because it combines commonly used Tools, Technologies, and Frameworks. It is also well-known for a few additional services. In StackOverflow's Developer survey, Node. js has regularly ranked as the most popular framework and the key to developing a web application end-to-end in a single programming language, namely JavaScript.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading10">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse10" aria-expanded="false" aria-controls="collapse10">
                     <h3 class="mb-0">Should I take any course to start a career in Full stack development?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse10" class="collapse" role="tabpanel" aria-labelledby="heading10" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>As you may know, a scarcity of skilled professionals makes this market incredibly competitive, but it also offers a plethora of opportunities for those who are interested. As a result, people can now enroll in full-stack programming classes. A certified education, such as DataTrained's PG Program In Full Stack Development Engineering is always suggested if you want to make a career out of it. A certified full-stack development course gives you the knowledge and skills you need to work in any company.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="card">
               <div class="card-header" role="tab" id="heading11">
                  <a data-toggle="collapse" data-parent="#accordion-faq" href="#collapse11" aria-expanded="false" aria-controls="collapse11">
                     <h3 class="mb-0">What are the refund terms?<i class="fa fa-caret-down"></i></h3>
                  </a>
               </div>
               <div id="collapse11" class="collapse" role="tabpanel" aria-labelledby="heading11" data-parent="#accordion-faq">
                  <div class="card-body">
                     <div class="row">
                        <div class="col-lg-12">
                           <p>You are eligible for a refund of the Booking Amount if you cancel your course within 7 calendar days of the Course Registration Date, which is the date of payment. However, this refund policy does not supersede any course-specific refund terms. Please consult your counselor for more information about the respective course's refund terms.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<section class="city-data">
   <div class="container-fluid">
      <div class="row">
         <div class="col-lg-12">
            <div class="box">
               <h6>Full Stack Development Trends In Berlin</h6>
               <p>As you may know, a scarcity of skilled professionals makes this market incredibly competitive, but it also offers a plethora of opportunities for those who are interested. As a result, people can now enroll in full-stack programming classes. A certified education, such as DataTrained's PG Program In Full Stack Development Engineering, is always suggested if you want to make a career out of it. A certified full-stack development course gives you the knowledge and skills you need to work in any company.</p>
            </div>
            <div class="box">
               <h6>Job Securities/Vacancies in Full Stack Development In Berlin</h6>
               <p>A full-stack developer is someone who works on both the frontend and backend of a website. As a result, web developers are in high demand for them. Because of this, recruiters keep a watch on them. You will have endless opportunities for advancement in this field.</p>
               <p>All that's left is for you to pass the interview and obtain some real-world web development experience. You'll need to strengthen your skills in a variety of process streams, including backend, frontend, database, testing, mobile apps, and more, to become a full-stack developer.</p>
            </div>
            <div class="box">
               <h6>Salary Of Full Stack Developer Professionals In Berlin</h6>
               <p>In Berlin, the average Full Stack Developer Salary in 2022 is €79,000. However, depending on the technology and products for which a full stack developer is responsible, the salary range for a Full Stack Developer in Berlin ranges from €67,000 to €105,000. A Master's Degree entitles its holder to a monthly salary of 50k euros on average. Enroll in one of DataTrained's best full stack courses right now to land your dream career. If you can afford higher education costs, the return on investment is undoubtedly worthy. You should be able to recoup your investment in about a year.</p>
            </div>
         </div>
      </div>
   </div>
</section>