Difference between revisions of "Team:BGU Israel/Notebook"

Line 336: Line 336:
 
     transition: max-height 0.2s ease-out;
 
     transition: max-height 0.2s ease-out;
 
}
 
}
 
 
  ul.nav-pills {
 
      top: 100px;
 
      position: fixed;
 
  }
 
 
  #section1 {color: #fff; background-color: #1E88E5;}
 
  #section2 {color: #fff; background-color: #673ab7;}
 
  #section3 {color: #fff; background-color: #ff9800;}
 
  #section41 {color: #fff; background-color: #00bcd4;}
 
  #section42 {color: #fff; background-color: #009688;}
 
 
 
  @media screen and (max-width: 810px) {
 
    #section1, #section2, #section3, #section41, #section42  {
 
        margin-left: 150px;
 
    }
 
  }
 
 
  
 
     </style>
 
     </style>
Line 476: Line 457:
 
</div>
 
</div>
 
</div>
 
</div>
  </div>
 
</div>
 
 
 
<div id="abstract" class="container-fluid text-center">
 
  <div class="row">
 
    <nav class="col-sm-3" id="myBtn">
 
      <ul class="nav nav-pills nav-stacked">
 
        <li class="active"><a href="#section1">Section 1</a></li>
 
        <li><a href="#section2">Section 2</a></li>
 
        <li><a href="#section3">Section 3</a></li>
 
        <li class="dropdown">
 
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Section 4 <span class="caret"></span></a>
 
          <ul class="dropdown-menu">
 
            <li><a href="#section41">Section 4-1</a></li>
 
            <li><a href="#section42">Section 4-2</a></li>                   
 
          </ul>
 
        </li>
 
      </ul>
 
    </nav>
 
 
    <div class="col-sm-9">
 
      <div id="section1">   
 
        <h1>Section 1</h1>
 
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 
      </div>
 
      <div id="section2">
 
        <h1>Section 2</h1>
 
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 
      </div>       
 
      <div id="section3">       
 
        <h1>Section 3</h1>
 
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 
      </div>
 
      <div id="section41">       
 
        <h1>Section 4-1</h1>
 
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 
      </div>     
 
      <div id="section42">       
 
        <h1>Section 4-2</h1>
 
        <p>Try to scroll this section and look at the navigation list while scrolling!</p>
 
      </div>
 
    </div>
 
 
   </div>
 
   </div>
 
</div>
 
</div>

Revision as of 13:42, 6 September 2018

OriginALS

<!DOCTYPE html> OriginALS

Notebook

October

In this example we have added a "plus" sign to each button. When the user clicks on the button, the "plus" sign is replaced with a "minus" sign.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

September

In this example we have added a "plus" sign to each button. When the user clicks on the button, the "plus" sign is replaced with a "minus" sign.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

About OrignALS


Established in 2006, EchoSense Ltd. develops innovative ultrasound Doppler systems for the diagnosis and monitoring of cardiac and pulmonary diseases. EchoSense delivers a fast,reliable and non-invasive method of diagnosis and our technology has undergone successful clinical trials in the United States, Europe and Israel. The Echosense research and development center is based in Haifa, Israel.