Skip to main content

Welcome to Space

Space makes you look at things from a different perspectives.

Get Started with Space


            <!-- Hero Section -->
            <div class="gradient-overlay-half-primary-v1 bg-img-hero" style="background-image: url(../../assets/img/1920x1080/img15.jpg);">
              <div class="container space-2 space-4-top--lg space-3-bottom--lg">
                <div class="row align-items-lg-center">
                  <div class="col-lg-5 mb-9 mb-lg-0">
                    <!-- Description -->
                    <div class="pr-lg-4 mb-5">
                      <h1 class="display-4 font-size-48--md-down text-white">Welcome to Space</h1>
                      <p class="lead text-white">Space makes you look at things from a different perspectives.</p>
                    <a class="btn btn-light" href="">Get Started with Space</a>
                    <!-- End Description -->

                  <div class="col-lg-7">
                    <!-- Video Block -->
                    <div class="bg-white rounded p-2">
                      <div id="youTubeVideoPlayer" class="u-video-player">
                        <!-- Cover Image -->
                        <img class="img-fluid u-video-player__preview" src="../assets/img/900x450/img3.jpg" alt="Image">
                        <!-- End Cover Image -->

                        <!-- Play Button -->
                        <a class="js-inline-video-player u-video-player__btn u-video-player__centered" href="javascript:;"
                          <span class="u-video-player__icon">
                            <span class="fa fa-play u-video-player__icon-inner"></span>
                        <!-- End Play Button -->

                        <!-- Video Iframe -->
                        <div class="embed-responsive embed-responsive-16by9">
                          <iframe id="youTubeVideoIframe" class="embed-responsive-item" src="//"></iframe>
                        <!-- End Video Iframe -->
                    <!-- End Video Block -->
            <!-- End Hero Section -->

JS library and initialization:

          <!-- JS Implementing Plugins -->
          <script src="../../assets/vendor/player.js/dist/player.min.js"></script>

          <!-- JS Space -->
          <script src="../../assets/js/components/"></script>

          <!-- JS Plugins Init. -->
            $(document).on('ready', function () {
              // initialization of video player

Please sign in

Signin to manage your account.

Do not have an account? Signup