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

Line 23: Line 23:
 
<div id="one" class="tabcontent">
 
<div id="one" class="tabcontent">
 
   <h3 align="center">Client</h3>
 
   <h3 align="center">Client</h3>
 +
  <div class="a"><p align="justify">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.</p></div>
 
</div>
 
</div>
  
 
<div id="two" class="tabcontent">
 
<div id="two" class="tabcontent">
 
   <h3 align="center">Necessities</h3>
 
   <h3 align="center">Necessities</h3>
 +
  <div class="a"><p align="justify">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.</p></div>
 
</div>
 
</div>
  
 
<div id="three" class="tabcontent">
 
<div id="three" class="tabcontent">
 
   <h3 align="center">Hypothesis</h3>
 
   <h3 align="center">Hypothesis</h3>
 +
  <div class="a"><p align="justify">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.</p></div>
 
</div>
 
</div>
  
 
<div id="four" class="tabcontent">
 
<div id="four" class="tabcontent">
 
   <h3 align="center">Solutions</h3>
 
   <h3 align="center">Solutions</h3>
 +
  <div class="a"><p align="justify">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.</p></div>
 
</div>
 
</div>
  
Line 117: Line 121:
 
<html>
 
<html>
 
<div class="container">
 
<div class="container">
−
 
+
<script>
−
<div class="row">
+
// Get the element with id="defaultOpen" and click on it
−
<button class="collapsible0"><h4 align="center">XXXXXX</h4></button>
+
document.getElementById("defaultOpen1").click();
−
  <div class="contentA">
+
function openCity(evt, cityName) {
−
  <h3 align="center">XXXXXX</h3>
+
    var i, tabcontent, tablinks;
−
      <p align="justify">XXXXXX</p>
+
    tabcontent = document.getElementsByClassName("tabcontent1");
−
  </div>
+
    for (i = 0; i < tabcontent.length; i++) {
−
<button class="collapsible1"><h4 align="center">XXXXXX</h4></button>
+
        tabcontent[i].style.display = "none";
−
  <div class="contentA">
+
    }
−
  <h3 align="center">XXXXXX</h3>
+
    tablinks = document.getElementsByClassName("tablinks1");
−
      <p align="justify">XXXXXX</p>
+
    for (i = 0; i < tablinks.length; i++) {
−
  </div>
+
        tablinks[i].className = tablinks[i].className.replace(" active", "");
−
<button class="collapsible2"><h4 align="center">XXXXXX</h4></button>
+
    }
−
  <div class="contentA">
+
    document.getElementById(cityName1).style.display = "block";
−
  <h3 align="center">XXXXXX</h3>
+
    evt.currentTarget.className += " active";
−
      <p align="justify">XXXXXX</p>
+
}
−
  </div>
+
</script>
−
<button class="collapsible3"><h4 align="center">XXXXXX</h4></button>
+
−
  <div class="contentA">
+
−
  <h3 align="center">XXXXXX</h3>
+
−
      <p align="justify">XXXXXX</p>
+
−
  </div>
+
−
</div>
+
−
<br>
+
−
 
+
 
<style>
 
<style>
−
.contentA {
+
.tab1 ul li {
−
    padding: 0 18px;
+
  list-style: none;
−
    display: none;
+
  text-align: center;
−
    overflow: hidden;
+
  position: relative;
−
    background-color: #ffffff;
+
−
    border-radius: 25px;
+
−
    width: 100%;
+
 
}
 
}
  
−
.collapsible0 {
+
/* Style the tab */
−
     background-color: rgb(252,101,8);
+
.tab1 {
−
     color: white;
+
     float: middle;
−
     cursor: pointer;
+
     position: relative;
−
     padding: 18px;
+
     overflow: hidden;
−
     width: 25%;
+
     border-left: 100px solid #fff;
−
     border: 5px solid #fff;
+
     border-right: 100px solid #fff;
−
     text-align: left;
+
     background-color: #fff;
−
     outline: none;
+
     box-shadow: 0px 0px;
−
     font-size: 15px;
+
     shadow-color: #000;
−
     border-radius: 25px;
+
     border-radius: 15px;
 +
     padding-right:-45px;
 +
    padding-left: -45px;
 
}
 
}
  
−
.collapsible1 {
+
/* Style the buttons inside the tab */
−
     background-color: rgb(253,148,9);
+
.tab1 button {
−
     color: white;
+
     background-color: #fff;
−
     cursor: pointer;
+
     float: middle;
−
    padding: 18px;
+
     position: relative;
−
    width: 25%;
+
     border: none;
−
     border: 5px solid #fff;
+
−
    text-align: left;
+
 
     outline: none;
 
     outline: none;
−
     font-size: 15px;
+
    cursor: pointer;
−
     border-radius: 25px;
+
    padding: 14px 16px;
 +
    transition: 0.3s;
 +
     font-size: 17px;
 +
     border-radius: 15px;
 
}
 
}
  
−
.collapsible2 {
+
/* Change background color of buttons on hover */
−
     background-color: rgb(253,174,9);
+
.tab button:hover {
−
    color: white;
+
     background-color: #fff;
−
    cursor: pointer;
+
−
    padding: 18px;
+
−
    width: 25%;
+
−
    border: 5px solid #fff;
+
−
    text-align: left;
+
−
    outline: none;
+
−
    font-size: 15px;
+
−
    border-radius: 25px;
+
 
}
 
}
  
−
.collapsible3 {
+
/* Create an active/current tablink class */
−
     background-color: #777;
+
.tab button.active {
−
    color: white;
+
     background-color: #fff;
−
    cursor: pointer;
+
−
    padding: 18px;
+
−
    width: 25%;
+
−
    border: 5px solid #fff;
+
−
    text-align: left;
+
−
    outline: none;
+
−
    font-size: 15px;
+
−
    border-radius: 25px;
+
 
}
 
}
  
−
.active, .collapsible3:hover {
+
/* Style the tab content */
−
     background-color: #555;
+
.tabcontent1 {
 +
     display: none;
 +
    padding: 6px 6px;
 +
    border: 1px solid #fff;
 +
    border-top: none;
 
}
 
}
 
</style>
 
</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 02:33, 6 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

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.

Necessities

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.

Hypothesis

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.

Solutions

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.


;

Follow us on
social media:


Instagram Facebook Twitter Snapchat Gmail

We thank our
sponsors:


Thermo Neb IDT Snap QTEc ITESM