Difference between revisions of "Team:Uppsala/Project/UnaG"

Line 9: Line 9:
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
−
      <h2> UnaG </h2>
+
            <div class="accordion" id="myAccordion">
−
      </div>
+
                <h2> UnaG </h2>
−
      <div class="row">
+
 
−
            <div class="col-lg-6 col-lg-push-6">
+
 
−
                <img class="img-responsive img-circle" src="http://placehold.it/400x400" />
+
                <div class="col-lg-6 col-lg-push-6">
−
            </div>
+
                    <img class="img-responsive img-circle" src="http://placehold.it/400x400" />
−
            <div class="col-lg-6 col-lg-pull-6">
+
                </div>
−
                  
+
                <div class="col-lg-6 col-lg-pull-6">
−
                 <p>
+
                    <p>
−
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dignissim sapien et nulla aliquam mattis. Nulla sem orci, cursus a varius id, cursus vitae leo. Sed in eros in arcu hendrerit cursus. Vivamus sollicitudin laoreet velit vel rutrum. Pellentesque at ex a magna blandit consectetur ut ac mauris. Vivamus eu varius sem, vitae auctor enim. Nullam porta et risus non euismod. Ut tristique odio laoreet ligula aliquet posuere. Pellentesque rhoncus facilisis augue, nec vehicula orci rhoncus in. Proin id nunc eros.
+
                        Stuff about Unag
−
                 </p>
+
                    </p>
−
                 <a href="#">
+
                 </div>
−
                     <div class="panel text-center results panel-default">
+
 
−
                        <div class="panel-body">Here is a button ></div>
+
                 <div class="col-lg-3 col-lg-pull-6">
 +
 
 +
 
 +
                     <a data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> About UnaG/Intro </div>
 +
                        </div>
 +
                    </a>
 +
 
 +
                    <a data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">
 +
                        <div class="mybutton text-center results panel-default" class="collapsed">
 +
                            <div class="panel-body">Dig deeper into UnaG</div>
 +
                        </div>
 +
                    </a>
 +
 
 +
                    <a data-toggle="collapse" data-target="#collapsible-3" data-parent="#myAccordion">
 +
                        <div class="mybutton text-center results panel-default" class="collapsed">
 +
                            <div class="panel-body">Dig deeper into Bilirubin</div>
 +
                        </div>
 +
                    </a>
 +
 
 +
 
 +
 
 +
 
 +
                    <a data-toggle="collapse" data-target="#collapsible-4" data-parent="#myAccordion">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> Results</div>
 +
                        </div>
 +
                    </a>
 +
 
 +
                </div>
 +
 
 +
 
 +
                <hr>
 +
 
 +
 
 +
 
 +
                <div class="panel">
 +
                    <div class="col-lg-8 collapse" id="collapsible-1">
 +
                        <h3> Intro </h3>
 +
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi. </p>
 +
 
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
 
 +
                <div class="panel">
 +
                    <div class="col-lg-8 collapse" id="collapsible-2">
 +
                        <h3> UnaG </h3>
 +
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi. </p>
 +
 
 +
                    </div>
 +
                 </div>
 +
 
 +
                 <div class="panel">
 +
                     <div class="col-lg-8 collapse" id="collapsible-3">
 +
                        <h3> Bilirubin </h3>
 +
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi. </p>
 +
 
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </div>
−
                 <a href="#">
+
 
−
                     <div class="panel text-center results panel-default">
+
                 <div class="panel">
−
                        <div class="panel-body">Here is another button ></div>
+
                     <div class="col-lg-8 collapse" id="collapsible-4">
 +
                        <h3> Results </h3>
 +
                        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi. </p>
 +
 
 
                     </div>
 
                     </div>
−
                 </a>
+
                 </div>
 +
 
 +
 
 
             </div>
 
             </div>
−
           
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
    <!-- completes the accordion -->
  
 
     <hr>
 
     <hr>

Revision as of 13:18, 11 September 2016

UnaG

Stuff about Unag

About UnaG/Intro
Dig deeper into UnaG
Dig deeper into Bilirubin
Results

Intro

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi.

UnaG

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi.

Bilirubin

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi.

Results

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo mollis mauris et euismod. Nullam pulvinar ultricies massa ac sagittis. Sed ex odio, venenatis non nisi sit amet, vulputate varius quam. Donec iaculis, orci a malesuada tempor, eros ex aliquam sem, eu laoreet odio erat at leo. Donec felis risus, aliquam eget blandit in, dignissim et arcu. Etiam id lectus sed augue ultrices condimentum. Donec bibendum eget leo tempus porttitor. Curabitur hendrerit ligula quis molestie scelerisque. Nunc quis ex a est finibus aliquam ac ac risus. Nam finibus ligula sed dignissim volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi egestas eros sit amet fringilla viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam tempus aliquet turpis vitae posuere. Nam ante turpis, suscipit et nibh id, posuere porttitor justo. Nam vulputate tempus nulla, vel sagittis felis lobortis at. In tempor elit sit amet pellentesque pharetra. Fusce congue erat non lobortis aliquam. Aliquam consectetur nunc eros, pellentesque consectetur libero fermentum a. Sed condimentum tellus sapien, id laoreet velit dapibus ac. Praesent vitae commodo eros, vel posuere mi.