Difference between revisions of "Sandbox-Social-Media"

 
(8 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
         <div class="content">
 
         <div class="content">
 
           <div class="columns is-mobile">
 
           <div class="columns is-mobile">
             <div class="column">
+
             <div class="column is-half is-offset-one-quarter has-text-centered">
 +
              <div class="is-divider" data-content="FOLLOW US"></div>
 +
                <a href="http://facebook.com/imisc2018/" target="_blank">
 +
                  <span class="title is-4 has-text-centered"><span class="icon is-small"><i class="fa fa-facebook-f"></i></span></span>
 +
                </a>&nbsp;&nbsp;&nbsp;&nbsp;
 +
                <a href="http://twitter.com/imisc2018/" target="_blank">
 +
                  <span class="title is-4 has-text-centered"><span class="icon is-small"><i class="fa fa-twitter"></i></span></span>
 +
                </a>&nbsp;&nbsp;&nbsp;&nbsp;
 +
              <a href="http://www.instagram.com/imisc2018/" target="_blank">
 +
                <span class="title is-4 has-text-centered"><span class="icon is-small"><i class="fa fa-instagram"></i></span></span>
 +
              </a>&nbsp;&nbsp;&nbsp;&nbsp;
 +
              <a href="http://www.linkedin.com/company/imisc2018/" target="_blank">
 +
                <span class="title is-4 has-text-centered"><span class="icon is-small"><i class="fa fa-linkedin"></i></span></span>
 +
              </a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
 
 +
    <section class="section tot">
 +
      <div class="container">
 +
        <div class="content">
 +
          <div class="columns is-mobile">
 +
            <div class="column is-half is-offset-one-quarter">
 +
              <div class="is-divider" data-content="FOLLOW US"></div>
 
               <div class="notification">
 
               <div class="notification">
 
           <div class="columns">
 
           <div class="columns">
Line 40: Line 65:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
        </div>
 
      </div>
 
    </section>
 
 
    <section class="section tot">
 
      <div class="container">
 
        <div class="content">
 
          <div class="columns is-mobile">
 
            <div class="column">
 
              <nav class="breadcrumb is-centered has-dot-separator" aria-label="breadcrumbs">
 
                <ul>
 
                  <li><a href="http://www.flickr.com/photos/imisc2018/" target="_blank"><span class="icon is-small"><i class="fa fa-flickr"></i></span></a></li>
 
                  <li><a href="http://www.linkedin.com/company/imisc2018/" target="_blank"><span class="icon is-small"><i class="fa fa-linkedin"></i></span></a></li>
 
                </ul>
 
              </nav>
 
            </div>
 
          </div>
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
 
</html>
 
</html>

Latest revision as of 05:45, 26 May 2018