<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>DIWYY - Do It While You're Young</title>
  <link
    href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="assets/css/style-starter.css">
</head>

<body>
  <section class="w3l-header">
    <header id="site-header" class="fixed-top">
      <div class="container">
        <nav class="navbar navbar-expand-lg navbar-dark stroke">
          <h1><a class="navbar-brand" href="/">
              <img src="assets/images/ico.png"> DIWYY
            </a></h1>
          <button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse"
            data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
            aria-label="Toggle navigation">
            <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
            <span class="navbar-toggler-icon fa icon-close fa-times"></span>
          </button>

          <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
            <ul class="navbar-nav ml-auto">
              <li class="nav-item">
                <a class="nav-link" href="#home">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#about">About</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#benefit">Why Work Abroad</a>
              </li>

              <li class="nav-item">
                <a class="nav-link" href="#tips">Tips</a>
              </li>
              <li class="nav-item">
                <a class="nav-link free-con" href="#resources">Resources</a>
              </li>
            </ul>
          </div>
        </nav>
      </div>
    </header>
  </section>
  <section class="w3l-main-slider" id="home">
    <div class="companies20-content">
      <div class="owl-one owl-carousel owl-theme">
        <div class="item">
          <li>
            <div class="slider-info banner-view bg bg2">
              <div class="banner-info">
                <div class="container">
                  <div class="banner-info-bg">
                    <p>Do It While You're Young</p>
                    <h5>Travel Ideas and Adventures for Ambitious People</h5>
                    <a class="btn btn-style btn-white mt-sm-5 mt-4 mr-2" href="#about"> Learn More</a>
                    <a class="btn btn-style border-btn mt-sm-5 mt-4" href="#resources"> Resources</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </div>


        <div class="item">
          <li>
            <div class="slider-info banner-view banner-top3 bg bg2">
              <div class="banner-info">
                <div class="container">
                  <div class="banner-info-bg">
                    <p>Do It While You're Young</p>
                    <h5>Work, Travel, Inspiration, Learn, and Grow</h5>
                    <a class="btn btn-style btn-white mt-sm-5 mt-4 mr-2" href="#about"> Learn More</a>
                    <a class="btn btn-style border-btn mt-sm-5 mt-4" href="#resources"> Resources</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </div>
      </div>
    </div>
  </section>
  <!-- /main-slider -->
  <!--/grids-->
  <section class="w3l-grids-3 py-5" id="about">
    <div class="container py-md-5 py-3">
      <div class="row bottom-ab-grids align-items-center">

        <div class="col-lg-6 bottom-ab-left">
          <h6 class="sub-titlehny">About DIWYY</h6>
          <h3 class="hny-title">Where Do I Start?</h3>
          <p class="my-3">Do you believe that traveling when you're young is worthwhile? What is holding you back? Regardless of the answer, there are a few nuances when adopting the DIWYY idiology:</p>
            <ol>
              <li>1) Why not use your time working meaningfully and having exciting and adventurous lifestyles as life isn't a dress rehearsal?</li><hr style="opacity:0%">

              <li>2) Be honest. Be open-minded. Be useful.</li><hr style="opacity:0%">

              <li>3) Connect with others on your journey. Life is better when their are other people in it with you. Allow them to teach you something.
            </ol>
        </div>
        <div class="col-lg-6 bottom-ab-right mt-lg-0 mt-5 pl-lg-4">
          <img src="assets/images/about.jpeg" alt="" class="img-fluid">
        </div>

      </div>
    </div>
  </section>

  <div class="w3l-middle py-5" id="benefit">
    <div class="container py-xl-5 py-lg-3">
      <div class="py-md-5 py-3">
        <h6>Get Connected</h6>
        <h4>Benefits of Working Abroad</h4>
        <p class="pr-lg-5">Work and travel programs could be avenue for you if you would like to travel. Working abroad allows you to see places that you might not otherwise had a reason to visit. When you work abroad, you have the chance to expand your career chances, improve your professional opportunities, alter your work environment, and really explore a new nation and its culture without having to worry about a vacation budget.</p>
      </div>
    </div>
  </div>

  <div class="w3l-cwp4-sec py-5" id="tips">
    <div class="container py-md-5 py-3">
      <div class="cwp4-two row align-items-center">
        <div class="cwp4-image col-lg-6 pr-lg-5">
          <img src="assets/images/teacher.jpeg" class="img-fluid">
        </div>
        <div class="cwp4-text col-lg-6 mt-lg-0 mt-5">
          <h6 class="sub-titlehny">Focus on Yourself</h6>
          <h3 class="hny-title">
            Tips for Scoring a Job Abroad</h3>
          <p>You may desire to relocate abroad for a new career for a variety of reasons. Perhaps you want to expand your professional opportunities, perhaps there are better opportunities overseas for your line of work, or occasionally you may just want to change your surroundings by escaping the boredom of where you currently are and moving on to fresh and exciting experiences. Make good use of the internet in order to find a strong network to get into.
          </p><hr style="opacity:0%">
          <p>Teaching English is one of the most popular paths that people take to get a job abroad. One of the finest places to work as an English teacher is China. Chinese students can take individual lessons from several foreigners. However, you'll need a certificate from the Chinese government to be formally recruited as a teacher that demonstrates your abilities as a teacher.
          </p>
        </div>

      </div>
    </div>

  </div>

  <div class="w3l-middle py-5" style="background-image: url('assets/images/uk.jpeg')">
    <div class="container py-xl-5 py-lg-3">
      <div class="py-md-5 py-3">
        <h6>Take Action</h6>
        <h4>Resources to Moving Abroad</h4>
        <p class="pr-lg-5">Look around your neighborhood and go to international employment fairs. You'll probably find at least one choice if you quickly google "overseas employment fair" or "abroad job fair" followed by the name of your closest city. Another option to identify businesses hiring employees to work in their foreign operations is at international job fairs. Even if you conduct an interview right away, you'll at least get a foot in the door.</p>
        <div class="buttons mt-5">
          <a href="#resources" class="btn btn-style border-btn ml-2">Online Resources</a>
        </div>
      </div>
    </div>
  </div>

  <section class="w3l-bottom py-5" id="resources">
    <div class="container py-md-4 py-3 text-center">
      <div class="header-section text-center mx-auto">
        <h6 class="sub-titlehny">Get Ready</h6>
        <h3 class="hny-title">Let's Start Traveling</h3>
        <p style="color:gray">LinkedIn provides a great place to network. Meanwhile, Sterling Lawyers allows for legal aid while abroad where you can <a style="color:gray" href="https://divorce-attorney-west-bend.business.site/">reserve</a>, <a style="color:gray" href="https://local.google.com/place?id=14531352469733442209">call</a> or access <a style="color:gray" href="https://maps.google.com/maps?cid=14531352469733442209">online</a>. Career One Stop is an online directory or jobs and Internships is a directory for internships. Lastly, expat provides you with job listings that allow you to move abroad.
      </div>
      <div class="buttons mt-5">
        <a rel="nofollow noreferrer" href="https://www.linkedin.com/" class="btn btn-style btn-primary mr-2">LinkedIn.com</a>
        <a href="https://www.sterlinglawyers.com/wisconsin/locations/west-bend/" class="btn btn-style btn-secondary ml-2">sterlinglawyers.com</a>
        <a rel="nofollow noreferrer" href="https://www.careeronestop.org/" class="btn btn-style btn-primary mr-2">Career One Stop</a>
        <a rel="nofollow noreferrer" href="https://www.internships.com/" class="btn btn-style btn-secondary ml-2">Internships</a>
        <a rel="nofollow noreferrer" href="https://www.expat.com/en/jobs/" class="btn btn-style btn-primary mr-2">Expat</a>
      </div>
    </div>
  </section>



  <!-- /blog-posts-->
  <section class="w3l-blogluxe-hny" id="blogs">
    <section id="grids5-block" class="py-5">
      <div class="container py-lg-4">
        <div class="header-section text-center mx-auto">
          <h6 class="sub-titlehny">Photos</h6>
          <h3 class="hny-title">Travel Inspiration</h3>

        </div>
        <div class="grid-view">
          <div class="row">
            <div class="col-lg-4 col-md-6 mt-5">
              <div class="grids5-info">
                <a class="d-block zoom">
                  <img src="assets/images/p1.jpeg" class="img-fluid news-image" />
                </a>
              </div>
            </div>
            <div class="col-lg-4 col-md-6 mt-5">
              <div class="grids5-info">
                <a class="d-block zoom">
                  <img src="assets/images/p3.jpeg" class="img-fluid news-image" />
                </a>
              </div>
            </div>
            <div class="col-lg-4 offset-md-3 offset-lg-0 col-md-6 mt-5">
              <div class="grids5-info">
                <a class="d-block zoom">
                  <img src="assets/images/p2.jpeg" class="img-fluid news-image" />
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </section>

  <footer>
    <section class="w3l-footer">
      <div class="w3l-footer-16-main" style="padding-top:10px; padding-bottom:40px">
        <div class="container">
          <div class="below-section pt-4 mt-4 text-center">
            <div>
              <p><script type="text/javascript">document.write( new Date().getFullYear() -2);</script>. Learn To Travel With a Throughout Plan.
              </p>
            </div>
          </div>
        </div>
      </div>

      <!-- move top -->
      <button onclick="topFunction()" id="movetop" title="Go to top">
        <span class="fa fa-angle-up"></span>
      </button>
      <script>
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () {
          scrollFunction()
        };

        function scrollFunction() {
          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("movetop").style.display = "block";
          } else {
            document.getElementById("movetop").style.display = "none";
          }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
          document.body.scrollTop = 0;
          document.documentElement.scrollTop = 0;
        }
      </script>
      <!-- //move top -->
      <script>
        $(function () {
          $('.navbar-toggler').click(function () {
            $('body').toggleClass('noscroll');
          })
        });
      </script>
    </section>

  </footer>


  <script src="assets/js/jquery-3.3.1.min.js"></script>


  <script>
    $(document).ready(function () {
      $('.owl-testimonial').owlCarousel({
        loop: true,
        margin: 0,
        nav: true,
        responsiveClass: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplaySpeed: 1000,
        autoplayHoverPause: false,
        responsive: {
          0: {
            items: 1,
            nav: false
          },
          480: {
            items: 1,
            nav: false
          },
          667: {
            items: 1,
            nav: true
          },
          1000: {
            items: 1,
            nav: true
          }
        }
      })
    })
  </script>

  <script src="assets/js/theme-change.js"></script>

  <script src="assets/js/lightbox-plus-jquery.min.js"></script>

  <script src="assets/js/owl.carousel.js"></script>

  <script>
    $(document).ready(function () {
      $('.owl-one').owlCarousel({
        loop: true,
        margin: 0,
        nav: false,
        responsiveClass: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplaySpeed: 1000,
        autoplayHoverPause: false,
        responsive: {
          0: {
            items: 1,
            nav: false
          },
          480: {
            items: 1,
            nav: false
          },
          667: {
            items: 1,
            nav: true
          },
          1000: {
            items: 1,
            nav: true
          }
        }
      })
    })
  </script>
  <!-- //script -->
  <script>
    $(document).ready(function () {
      $('.owl-news').owlCarousel({
        stagePadding: 200,
        loop: true,
        margin: 30,
        nav: true,
        responsiveClass: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplaySpeed: 1000,
        autoplayHoverPause: false,
        responsive: {
          0: {
            items: 1,
            stagePadding:40,
            nav: false
          },
          480: {
            items: 1,
            stagePadding:40,
            nav: true
          },
          667: {
            items: 2,
            stagePadding: 50,
            nav: true
          },
          1000: {
            items: 2,
            nav: true
          }
        }
      })
    })
  </script>


  <script>
    $(window).on("scroll", function () {
      var scroll = $(window).scrollTop();

      if (scroll >= 80) {
        $("#site-header").addClass("nav-fixed");
      } else {
        $("#site-header").removeClass("nav-fixed");
      }
    });

    //Main navigation Active Class Add Remove
    $(".navbar-toggler").on("click", function () {
      $("header").toggleClass("active");
    });
    $(document).on("ready", function () {
      if ($(window).width() > 991) {
        $("header").removeClass("active");
      }
      $(window).on("resize", function () {
        if ($(window).width() > 991) {
          $("header").removeClass("active");
        }
      });
    });
  </script>


  <script src="assets/js/bootstrap.min.js"></script>

</body>
</html>
