<!DOCTYPE HTML>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Micah Bowerbank Photography</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Luxury Wedding Photography - Micah Bowerbank Photography"/>
    <meta name="keywords" content="wedding photography"/>
    <meta name="author" content="Micah Bowerbank"/>

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="images/favicon/favicon.ico">
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <!-- <link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet"> -->

    <!-- Animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Icomoon Icon Fonts-->
    <link rel="stylesheet" href="css/icomoon.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="css/style.css">

    <!-- Magnific Popup -->
    <link rel="stylesheet" href="css/magnific-popup.css">

    <!-- Modernizr JS -->
    <script src="js/modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]> <script src="js/respond.min.js"></script> <![endif]-->

  </head>

  <body>

    <div id="fh5co-page">

      <div class="aside-toggle btn-circle">
        <a href="#">
          <span></span>
          <em>About</em>
        </a>
      </div>
			<div class="back-to-home">
				<img src="images/mb-logo-light.png" width="200">
			</div>

      <div id="fh5co-aside">
        <div class="image-bg"></div>
        <div class="overlay"></div>
        <div class="row">
          <div class="col-md-12">
            <div id="fh5co-aside-inner">
              <div class="row" id="fh5co-bio">
                <div class="col-md-12">
                  <h2>About Micah Bowerbank Photography</h2>
                </div>
                <div class="col-md-6">
                  <p>Luxury wedding photography, that is my specialty. I've been exclusively shooting weddings for over 13 years.</p>
                </div>
                <div class="col-md-6">
                  <p>If you are interested in my services and would like to know more give me a call at 647-333-9988, or reach out online below.</p>
                </div>
                <div class="col-md-12 fh5co-social">
                  <a href="/cdn-cgi/l/email-protection#127f7b71737a527f7b71737a707d65776070737c793c717d7f">
                    <i class="icon-envelope"></i>
                  </a>
                  <a href="https://twitter.com/micahbowerbank">
                    <i class="icon-twitter"></i>
                  </a>
                  <a href="https://www.linkedin.com/in/micahbowerbank/">
                    <i class="icon-linkedin"></i>
                  </a>
                  <a href="https://www.instagram.com/micahbowerbank/">
                    <i class="icon-instagram"></i>
                  </a>
                  <a href="https://www.facebook.com/micahbowerbankphotography">
                    <i class="icon-facebook"></i>
                  </a>
                </div>
                <div class="col-md-12" style="margin-top: 40px;">
                  <p>&copy; 2020 Micah Bowerbank Photography</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid" id="fh5co-image-grid">

        <div class="grid">
          <div class="grid-sizer"></div>

          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/01.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/01.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/03.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/03.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/04.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/04.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/05.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/05.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/06.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/06.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/07.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/07.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/08.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/08.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/09.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/09.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/10.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/10.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/11.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/11.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/13.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/13.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/14.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/14.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/15.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/15.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/16.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/16.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/17.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/17.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/18.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/18.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div>
          <div class="grid-item item animate-box" data-animate-effect="fadeIn">
            <a href="images/portfolio/large/19.jpg" class="image-popup">
              <div class="img-wrap">
                <img src="images/portfolio/thumbs/19.jpg" alt="" class="img-responsive">
              </div>
              <div class="text-wrap">
                <div class="text-inner popup"></div>
              </div>
            </a>
          </div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/20.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/20.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/21.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/21.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/22.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/22.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/23.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/23.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/24.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/24.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/25.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/25.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/26.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/26.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/27.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/27.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/28.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/28.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/29.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/29.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/12.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/12.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/02.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/02.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/30.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/30.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/31.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/31.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/32.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/32.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/33.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/33.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/34.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/34.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/35.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/35.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/36.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/36.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/37.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/37.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/38.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/38.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/39.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/39.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/40.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/40.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/41.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/41.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/42.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/42.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/43.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/43.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/44.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/44.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/45.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/45.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/46.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/46.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/47.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/47.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/48.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/48.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/49.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/49.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/50.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/50.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/51.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/51.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/52.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/52.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/53.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/53.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div><div class="grid-item item animate-box" data-animate-effect="fadeIn">
						<a href="images/portfolio/large/54.jpg" class="image-popup">
							<div class="img-wrap">
								<img src="images/portfolio/thumbs/54.jpg" alt="" class="img-responsive">
							</div>
							<div class="text-wrap">
								<div class="text-inner popup"></div>
							</div>
						</a>
					</div>

        </div>

      </div>

    </div>

    <!-- jQuery -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.min.js"></script>
    <!-- jQuery Easing -->
    <script src="js/jquery.easing.1.3.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>

    <!-- Magnific -->
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/magnific-popup-options.js"></script>
    <!-- Isotope & imagesLoaded -->
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <!-- GSAP -->
    <script src="js/TweenLite.min.js"></script>
    <script src="js/CSSPlugin.min.js"></script>
    <script src="js/EasePack.min.js"></script>

    <!-- MAIN JS -->
    <script src="js/main.js"></script>

  </body>

</html>
