index.html

---
layout: splash
author_profile: false
header:
  overlay_color: "#234354"
  overlay_image: /assets/images/home/c2.png
  actions:
    - label: "<i class='fas fa-bell'></i> Subscribe Now"
      url: "https://tinyletter.com/TheLeanProgrammer/"
excerpt: >
  <!-- <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> -->
  <br /> Software Engineer @ MS <br />
  Self-Help Blogger <br />
  Public Speaker <br />
  Tech Blogger <br />
  YouTuber <br />
  Teacher <br />
  Mentor<br /> 
  <br />
  In ❤ with ReactJS
  
  <!-- <br /> Mentor and Guide <br/>
  ReactJS Lover <br />
  Full Stack JS Dev <br />
  Tech and Self-Help Blogger <br />
  On the journey to uplift students in tech!<br /> -->

  <!-- <small><a href="https://www.linkedin.com/in/madhavbahl/">Connect with me on LinkedIn</a></small> -->
feature_row:
  - image_path: /assets/images/home/featured/tech.png
    alt: "techblogs"
    title: "Tech Blogs"
    excerpt: "I write about frontend web libraries and frameworks. Little bit about Flutter and a lot about programming."
    url: "/categories/#tech"
    btn_class: "btn--linkedin align-center"
    btn_label: "Read more"
  - image_path: /assets/images/home/featured/brand.png
    alt: "branding"
    title: "Personal Branding"
    excerpt: "Your brand can fetch you opportunities, recognition and freedom. Read my blogs to learn more about branding."
    url: "/categories/#branding"
    btn_class: "btn--linkedin align-center"
    btn_label: "Read More"
  - image_path: /assets/images/home/featured/productivity.png
    alt: "selfhelp"
    title: "Productivity & Self-Help"
    excerpt: "If you want to have a positive influence on the world, the change would begin from within you."
    url: "/categories/#selfhelp"
    btn_class: "btn--linkedin align-center"
    btn_label: "Read more"
feature_row2:
  - image_path: /assets/images/home/featured/bb.png
    alt: "being-better"
    title: "Being Better Series"
    excerpt: "I publish videos to make you super productive and super effective every week on my YouTube channel."
    url: "https://www.youtube.com/playlist?list=PLGyA74h_S9NrvsvTulWKHYAcaJJV9Kn1G"
    btn_class: "btn--linkedin align-center"
    btn_label: "Watch all episodes"
  - image_path: /assets/images/home/featured/lean.png
    alt: "leantalks"
    title: "The Lean Talks"
    excerpt: "My weekly YouTube live sessions on various tech skills, blogging, branding, time-management and life skills."
    url: "https://www.youtube.com/playlist?list=PLGyA74h_S9NphiTWVYQHHW1awJ176FlBc"
    btn_class: "btn--linkedin align-center"
    btn_label: "Watch all episodes"
  - image_path: /assets/images/home/featured/sde.png
    alt: "sde"
    title: "Tips for Software Devs"
    excerpt: "I keep releasing videos to solve doubts of software devs and student developers. Check out my full playlist."
    url: "https://www.youtube.com/playlist?list=PLGyA74h_S9Nobl_Envbbk8CQSB0IyucQL"
    btn_class: "btn--linkedin align-center"
    btn_label: "Watch all videos"
---

<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> -->

<br/>

<!-- Section 1 - About me - Start -->
<div class="container">
  <div class="row">
    
    <div class="col-md-6 col-sm-12">
      <h1 data-aos="fade-down" style="text-align: center;">About me</h1>
      <hr>

      <p data-aos="fade-up" style="color: rgba(0,0,0,0.7); font-size: 20px; text-align: center;">
        Hey There! I am Madhav Bahl, a software engineer with a dream. A dream to make a world where everyone is good at programming.
        <!-- A cadet by nature and a developer by passion, a tech enthusiast, a full-stack JS dev, tech blogger, podcaster, vlogger, self-help blogger, writer, motivator and mentor for those who want to learn programming, development and recent technologies, I have been continuously helping the youth of India to become better at programming. -->
        <br><br>
        It's my aim that everyone in the world should be proficient in at-least 1 programming language. 
        <br><br>
        To fulfil my dream, I do MANY things, Till now I've <br>
        <ul class="initiatives-list" data-aos="fade-up">
          <li>Given talks at more than <b>100 events</b></li>
          <li>Completed 15+ (completely FREE) initiatives</li>
          <li>Reaching over <b>55,000 people!</b></li>
        </ul>
          <!-- and completed more than <b>15 (completely FREE) initiatives</b>, reaching over <b>30,000+ students</b>, I aim to make everyone better at life and tech. -->
      </p>
    </div>

    <div class="col-md-6 .d-none .d-md-block d-flex align-items-center justify-content-center">
      <span data-tilt></span><img data-aos="fade-down" class=".js-tilt" src="/assets/images/home/tlp1.png" alt="theleanprogrammer" /></span>
    </div>
  </div>
</div>
<hr>
<!-- Section 1 - End -->

<!-- Section 2 - Testimonials - Start -->
<div class="contianer">
  <br/>
  <h1 data-aos="fade-down" style="text-align: center;">Let's see what they think</h1>
  <p data-aos="fade-down" style="text-align: center;">Thoughts of my students/viewers</p>

  <div class="row">

    <!-- First column -->
    <div class="col-md-4 col-sm-12">
      <div class="row testimonial-card-container d-flex align-items-center justify-content-center">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/1_Divya.png" alt="testimonial1">
      </div>

      <div class="row testimonial-card-container d-flex align-items-center justify-content-center">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/2_Shrirang.png" alt="testimonial2">
      </div>

      <div class="row testimonial-card-container d-flex align-items-center justify-content-center hide-on-mobile-please">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/3_Archsimran.png" alt="testimonial3">
      </div>

      <div class="row testimonial-card-container d-flex align-items-center justify-content-center hide-on-mobile-please">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/10_chaitanya.png" alt="testimonial10">
      </div>
    </div>

    <!-- Second column -->
    <div class="col-md-4 col-sm-12">
      <div class="row d-flex align-items-center justify-content-center">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/4_Aditya.png" alt="testimonial4">
      </div>

      <div class="row d-flex align-items-center justify-content-center">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/5_Khushboo.png" alt="testimonial5">
      </div>

      <div class="row d-flex align-items-center justify-content-center hide-on-mobile-please">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/6_Ashutosh.png" alt="testimonial6">
      </div>
    </div>
    
    <!-- Third column -->
    <div class="col-md-4 col-sm-12">
      <div class="row d-flex align-items-center justify-content-center">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/7_Rajarajan.png" alt="testimonial7">
      </div>

      <div class="row d-flex align-items-center justify-content-center">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/8_Aaditya.png" alt="testimonial8">
      </div>

      <div class="row d-flex align-items-center justify-content-center hide-on-mobile-please">
        <img data-aos="fade-down" class="testimonial-card" src="/assets/images/home/testimonials/9_Anusaya.png" alt="testimonial9">
      </div>
    </div>
    
  </div>
</div>
<hr>
<!-- Section 2 - End -->

<!-- Section 3 - AAM - Start -->
<div class="container">
  <br/>
  <h1 data-aos="fade-down" style="text-align: center;">Did you check out my Mega React Tutorial?</h1>
  <p data-aos="fade-down" style="text-align: center;">Learn React by building projects!</p>

  <div class="row">
    <div data-aos="fade-down" class="col-md-6 col-sm-12 d-flex align-items-center justify-content-center">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/OjlqjmKsedY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>

    <div class="col-md-6 col-sm-12 ">
      <p data-aos="fade-up" style="color: rgba(0,0,0,0.7); font-size: 20px; text-align: left;">
        Do you wish to React, but never got enough time or resources?
        <br><br>
        <!-- <ul class="initiatives-list" data-aos="fade-up">
          <li>React</li>
          <li>React Native</li>
          <li>Flutter</li>
        </ul> -->
          <!-- and completed more than <b>15 (completely FREE) initiatives</b>, reaching over <b>30,000+ students</b>, I aim to make everyone better at life and tech. -->
          Don't worry! I heard your request and I bring to you this mega course where each month I will help you learn about React
          by helping you build 1 cool project around every concept.
          <br><br>
          I will teach you React from beginner to advanced level, completely for FREE!

          <br><br>
          So what are you wiating for? Start learning <a href="https://www.youtube.com/playlist?list=PLGyA74h_S9No5V5TRjHc893mN7rs-VaoZ" target="_blank" rel="noopener noreferrer">today!</a>
      </p>
    </div>
  </div>
  <p data-aos="fade-down" style="text-align: center;"><a href="https://www.youtube.com/playlist?list=PLGyA74h_S9No5V5TRjHc893mN7rs-VaoZ" target="_blank" rel="noopener noreferrer"><b>Check out the FREE course here!</b></a></p>
</div>
<hr>
<!-- Section 3 - End -->

<div class="youtube-series-section">
  <br>
  <h1 id="youtube" style="text-align: center;">Watch My Youtube Series</h1>
  <p style="text-align: center;">Watch my videos <a href="https://www.youtube.com/TheLeanProgrammer?sub_confirmation=1" target="_blank" rel="noopener noreferrer">here!</a></p>
  {% include feature_row id="feature_row2" %}
</div>

<div class="blog-series-section">
  <h1 id="blogs" style="text-align: center;">Things I Write About</h1>
  <p style="text-align: center;">Read all <a href="http://theleanprogrammer.com/blog/" target="_blank" rel="noopener noreferrer">here!</a></p>
  {% include feature_row %}
</div>

<div class="contact" id="contact">
  <div id="contact-form">
    <h1>Get in Touch</h1>
    <div id="contact-form">
        <form id="contact-form-main" method="POST" action="https://formspree.io/f/mvovllvq">
            <input type="hidden" name="_subject" value="Contact request from personal website" />
            <input type="email" name="_replyto" placeholder="Your email" required>
            <textarea name="message" name="_message" placeholder="Your message" required></textarea>
            <button type="submit">Send</button>
        </form>
  </div>
  <!-- End #contact-form -->
</div>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>