Documentation | Unify - Multipurpose Template + UI KIT

Mobile device mockup.

Preview
HTML

          
            <!-- Mobile Device -->
            <figure class="device-mobile">
              <div class="device-mobile-frame">
                <img class="device-mobile-img" src="/assets/img/280x560/img1.jpg" alt="Image Description">
              </div>
            </figure>
            <!-- End Mobile Device -->

Browser device mockup.

Preview
HTML

          
            <!-- Browser Device -->
            <figure class="device-browser">
              <div class="device-browser-header">
                <div class="device-browser-header-btn-list">
                  <span class="device-browser-header-btn-list-btn"></span>
                  <span class="device-browser-header-btn-list-btn"></span>
                  <span class="device-browser-header-btn-list-btn"></span>
                </div>
                <div class="device-browser-header-browser-bar">www.htmlstream.com/space/</div>
              </div>

              <div class="device-browser-frame">
                <img class="device-browser-img" src="/assets/img/1618x1010/img1.jpg" alt="Image Description">
              </div>
            </figure>
            <!-- End Browser Device -->

Preview
HTML

          
            <!-- Devices -->
            <div class="devices">
              <!-- Mobile Device -->
              <figure class="device-mobile">
                <div class="device-mobile-frame">
                  <img class="device-mobile-img" src="/assets/img/280x560/img1.jpg" alt="Image Description">
                </div>
              </figure>
              <!-- End Mobile Device -->

              <!-- Browser Device -->
              <figure class="device-browser">
                <div class="device-browser-header">
                  <div class="device-browser-header-btn-list">
                    <span class="device-browser-header-btn-list-btn"></span>
                    <span class="device-browser-header-btn-list-btn"></span>
                    <span class="device-browser-header-btn-list-btn"></span>
                  </div>
                  <div class="device-browser-header-browser-bar">www.htmlstream.com/unify/</div>
                </div>

                <div class="device-browser-frame">
                  <img class="device-browser-img" src="/assets/img/1618x1010/img1.jpg" alt="Image Description">
                </div>
              </figure>
              <!-- End Browser Device -->
            </div>
            <!-- End Devices -->