Difference between revisions of "Team:Tec-Chihuahua/Entrepreneurship"

Line 137: Line 137:
 
   </div></div>
 
   </div></div>
 
   <div class="col-md-3">
 
   <div class="col-md-3">
−
<button class="collapsible2"><h4 align="center">XXXXXX</h4></button>
+
<button class="collapsible3"><h4 align="center">XXXXXX</h4></button>
 
   <div class="contentA">
 
   <div class="contentA">
 
   <h3 align="center">XXXXXX</h3>
 
   <h3 align="center">XXXXXX</h3>
Line 144: Line 144:
 
</div>
 
</div>
  
 +
<style>
 +
.contentA {
 +
    padding: 0 18px;
 +
    display: none;
 +
    overflow: hidden;
 +
    background-color: #ffffff;
 +
    border-radius: 25px;
 +
}
  
 +
.collapsible0 {
 +
    background-color: rgb(252,101,8);
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    border-radius: 25px;
 +
}
 +
 +
.collapsible1 {
 +
    background-color: rgb(253,148,9);
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    border-radius: 25px;
 +
}
 +
 +
.collapsible2 {
 +
    background-color: rgb(253,174,9);
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    border-radius: 25px;
 +
}
 +
 +
.collapsible3 {
 +
    background-color: #777;
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 18px;
 +
    width: 100%;
 +
    border: none;
 +
    text-align: left;
 +
    outline: none;
 +
    font-size: 15px;
 +
    border-radius: 25px;
 +
}
 +
 +
.active, .collapsible3:hover {
 +
    background-color: #555;
 +
}
 +
</style>
 +
<script>
 +
var coll = document.getElementsByClassName("collapsible0");
 +
var i;
 +
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.display === "block") {
 +
      content.style.display = "none";
 +
    } else {
 +
      content.style.display = "block";
 +
    }
 +
  });
 +
}
 +
 +
var coll = document.getElementsByClassName("collapsible1");
 +
var i;
 +
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.display === "block") {
 +
      content.style.display = "none";
 +
    } else {
 +
      content.style.display = "block";
 +
    }
 +
  });
 +
}
 +
 +
var coll = document.getElementsByClassName("collapsible2");
 +
var i;
 +
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.display === "block") {
 +
      content.style.display = "none";
 +
    } else {
 +
      content.style.display = "block";
 +
    }
 +
  });
 +
}
 +
 +
var coll = document.getElementsByClassName("collapsible3");
 +
var i;
 +
 +
for (i = 0; i < coll.length; i++) {
 +
  coll[i].addEventListener("click", function() {
 +
    this.classList.toggle("active");
 +
    var content = this.nextElementSibling;
 +
    if (content.style.display === "block") {
 +
      content.style.display = "none";
 +
    } else {
 +
      content.style.display = "block";
 +
    }
 +
  });
 +
}
 +
</script>
 
</div>
 
</div>
 
</html>
 
</html>
 
{{:Team:Tec-Chihuahua/Templates/footer}}
 
{{:Team:Tec-Chihuahua/Templates/footer}}

Revision as of 17:36, 5 October 2018

Erwinions



Overview

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Client

Necessities

Hypothesis

Solutions



XXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

XXXXXX

Follow us on
social media:


Instagram Facebook Twitter Snapchat Gmail

We thank our
sponsors:


Thermo Neb IDT Snap QTEc ITESM