Devices - Documentation | Front - Multipurpose Responsive Template

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/front/</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 -->

.device-browser-lg size.

Preview
HTML

              
                <!-- Browser Device -->
                <figure class="device-browser device-browser-lg">
                  <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/front/</div>
                  </div>
                  
                  <div class="device-browser-frame">
                    <img class="device-browser-img" src="../assets/img/1920x1080/img1.jpg" alt="Image Description">
                  </div>
                </figure>
                <!-- End Browser Device -->