Skip to main content

Address widget

This is html for make address widget

Address 1

BootNews Inc

Amphitheatre, Mountain View
San Francisco, CA 9321
P: (123) 456-7890


Contact us

Phone: 1.800.555.6789
Fax: 1.888.555.9876
P: (123) 456-7890

                
                  <!-- Address style 1 -->
                  <div class="widget">
                  <!-- widget title -->
                  <div class="block-title-4">
                    <h4 class="h5 title-arrow">
                      <span>Address 1</span>
                    </h4>
                  </div>
                  <!--address-->
                  <div class="card mb-4">
                    <div class="bg-themes p-3">
                      <address>
                        <b>BootNews Inc</b>
                        <p>Amphitheatre, Mountain View<br>
                          San Francisco, CA 9321<br>
                          P: (123) 456-7890
                        </p>
                      </address>
                      <br>
                      <b>Contact us</b>
                      <p>Phone: 1.800.555.6789<br>
                        Fax: 1.888.555.9876<br>
                        P: (123) 456-7890
                      </p>
                    </div>
                  </div>
                  <!--end address-->
                  <div class="gap-0"></div>
                </div>
                
              

Address 2

News magazine bootstrap templates. This demo is crafted specifically to exhibit the use of the theme as a magazine site. Visit our main page for more demos.

Amphitheatre, Mountain View,
San Francisco, CA 9321, United States
                
                  <div class="widget">
                    <!-- widget title -->
                    <div class="block-title-4">
                      <h4 class="h5 title-arrow">
                        <span>Address 2</span>
                      </h4>
                    </div>
                    <!-- widget content -->
                    <div class="widget-content mb-4"> 
                      <img class="footer-logo img-fluid mb-2" src="../../assets/img/logo/default-logo.png" alt="footer logo">
                      <p>News magazine bootstrap templates. This demo is crafted specifically to exhibit the use of the theme as a magazine site. Visit our main page for more demos.</p>
                      <address>
                      <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-geo-alt-fill me-2" viewBox="0 0 16 16">
                        <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
                      </svg>Amphitheatre, Mountain View,<br>
                      San Francisco, CA 9321, United States
                    </address>
                    <p class="footer-info">
                      <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-telephone-fill me-2" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
                      </svg>+(123) 456-7890</p>
                    <p class="footer-info mb-5">
                      <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-envelope-fill me-2" viewBox="0 0 16 16">
                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z"/>
                      </svg>support@example.com</p>
                    </div>
                    <!-- end widget content -->
                    <div class="gap-0"></div>
                  </div>