diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..287af75
Binary files /dev/null and b/.DS_Store differ
diff --git a/Components/_functions.styl b/Components/_functions.styl
new file mode 100644
index 0000000..e69de29
diff --git a/Components/_mixins.styl b/Components/_mixins.styl
new file mode 100644
index 0000000..e69de29
diff --git a/Components/_variables.styl b/Components/_variables.styl
new file mode 100644
index 0000000..92124d3
--- /dev/null
+++ b/Components/_variables.styl
@@ -0,0 +1,25 @@
+//tipografias
+font-size-nav = 14px
+font-family-nav = 'Gotham Rounded'
+ancho-fuente = 500
+estilo-fuente = normal
+
+
+//iconos
+
+icon-width = 30px
+
+//imagen-logo
+max-width-logo = 1059px
+
+//Main
+color-title-container = white
+color-parraf-container = white
+
+//body
+color-body = rgba(255, 255, 255, .8)
+
+//Nav
+margin-left-icon = 73px
+margin-top-icon = 64px
+max-width-nav = 200px
\ No newline at end of file
diff --git a/Layout/_body.styl b/Layout/_body.styl
new file mode 100644
index 0000000..75ad997
--- /dev/null
+++ b/Layout/_body.styl
@@ -0,0 +1,15 @@
+body
+ margin: 0
+ padding: 0
+ background-color: color-body
+ &::-webkit-scrollbar {
+ display: none;
+
+}
+
+body:before
+ box-sizing border-box
+body:after
+ box-sizing: border-box;
+
+
diff --git a/Layout/_footers.styl b/Layout/_footers.styl
new file mode 100644
index 0000000..b2decc6
--- /dev/null
+++ b/Layout/_footers.styl
@@ -0,0 +1,100 @@
+footer
+ background-image: url("../css/img/footer2.png")
+ background-repeat: no-repeat
+ background-size:100% 35%
+ background-position: center bottom
+ height: 630px
+ margin-top: 150px;
+
+.content-contact
+ display: flex;
+ height: 450px;
+ font-family: Arial, Helvetica, sans-serif;
+
+.contact-info, .section-form
+ width: 50%;
+ margin: 5px;
+ display: flex;
+ /* justify-content: center; */
+
+.section-form
+ justify-content: center;
+ /* background: green; */
+ height: 480px;
+
+
+.contact-info
+ flex-direction: column;
+ align-items: center;
+
+
+.info
+ width: 70%;
+ height: 300px;
+ margin: 30px 0 150px 0;
+
+
+.datos
+ margin-top: 70px;
+
+
+.form-content
+ background: #AAAAAA;
+ width: 70%;
+ border-radius: 5px;
+ margin-top: 20px;
+ box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.3);
+
+
+.form
+ width: 80%;
+ margin: auto;
+ margin-top: 50px;
+
+
+h3
+ margin-bottom: 10px;
+
+
+.form input , textarea
+ width: 100%;
+ margin-bottom: 10px;
+ border-radius: 5px;
+ border: none;
+ padding: 5px;
+
+
+.form input
+ height: 37px;
+
+
+.form textarea
+ height: 200px;
+
+
+
+.btn
+ /* padding: 10px 20px; */
+ width: 80px;
+ height: 40px;
+ border-radius: 30px;
+ border: none;
+ background: #DE0009;
+ color: white;
+ float: right;
+
+
+.redes
+ width: 70%;
+ height: 100px;
+ margin-top: 100px;
+ color: #FFFFFF;
+
+
+.red
+ float: left;
+ margin-right: 50px;
+
+
+.red a
+ color: #FFFFFF;
diff --git a/Layout/_icons.styl b/Layout/_icons.styl
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/Layout/_icons.styl
@@ -0,0 +1 @@
+
diff --git a/Layout/_mainLogo.styl b/Layout/_mainLogo.styl
new file mode 100644
index 0000000..4168d56
--- /dev/null
+++ b/Layout/_mainLogo.styl
@@ -0,0 +1,37 @@
+.container-logo
+ width: 100vw
+ //height 100vh
+ display: flex
+ justify-content: center
+ overflow-y: hidden
+
+ & img
+ width 1059px
+ height: 596px
+
+.container-trazado
+ width: 100vw
+ //height 100vh
+ display: flex
+ justify-content: center
+ align-items: center
+ position relative
+ & img
+ width: 1994,11px
+ height 1986,2px
+ & .quienes-somos
+ position absolute
+ text-align center
+ top 500px
+
+ & h2
+ font-family 'Gotham Rounded';
+ font-weight bold
+ font-size: 44px
+ color: white
+ & p
+ font-family 'Gotham Rounded'
+ font-weight 300
+ font-size 36px
+ color: white
+
\ No newline at end of file
diff --git a/Layout/_nav.styl b/Layout/_nav.styl
new file mode 100644
index 0000000..51f7b18
--- /dev/null
+++ b/Layout/_nav.styl
@@ -0,0 +1,19 @@
+nav
+ font-size font-size-nav
+ font-family font-family-nav
+ font-weight ancho-fuente
+ font-style estilo-fuente
+ display flex
+ align-items: center
+ margin-left margin-left-icon
+ margin-top margin-top-icon
+ max-width max-width-nav
+ & a
+ justify-content: center
+ & a img
+ width icon-width
+ margin-left: 5px
+ & h4
+ font-size 18px
+ margin-top 0
+ margin-bottom 0
diff --git a/Layout/_portafolios.styl b/Layout/_portafolios.styl
new file mode 100644
index 0000000..4607f3c
--- /dev/null
+++ b/Layout/_portafolios.styl
@@ -0,0 +1,21 @@
+.Audiovisual
+ max-width 100%
+.audiovisual__tarjeta1
+ display: flex
+ align-items: center
+ & figure
+ display block
+ float left
+ margin-left: 50px
+
+.audivisual__tarjeta1-texto
+ width: 25%
+
+#target2__float-right
+ display: flex
+ align-items: center
+ justify-content: flex-end
+ & figure
+ display block
+ float left
+
\ No newline at end of file
diff --git a/Layout/_targets.styl b/Layout/_targets.styl
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/Layout/_targets.styl
@@ -0,0 +1 @@
+
diff --git a/README.md b/README.md
deleted file mode 100644
index 2003879..0000000
--- a/README.md
+++ /dev/null
@@ -1,4 +0,0 @@
-# challenge-css-01
-
-1. Maquetar un sitio (A tu gusto.)
-2. Agregar más de 300 lineas de código en el archivo .styl
diff --git a/css/img/9e2fc36e57a7ab9854df0903ceabc174.jpg b/css/img/9e2fc36e57a7ab9854df0903ceabc174.jpg
new file mode 100644
index 0000000..df95301
Binary files /dev/null and b/css/img/9e2fc36e57a7ab9854df0903ceabc174.jpg differ
diff --git a/css/img/Colina_RGB.png b/css/img/Colina_RGB.png
new file mode 100644
index 0000000..b4269ac
Binary files /dev/null and b/css/img/Colina_RGB.png differ
diff --git a/css/img/NoPath - copia (4).png b/css/img/NoPath - copia (4).png
new file mode 100644
index 0000000..ef40c2b
Binary files /dev/null and b/css/img/NoPath - copia (4).png differ
diff --git a/css/img/NoPath - copia (4)@2x.png b/css/img/NoPath - copia (4)@2x.png
new file mode 100644
index 0000000..e093e82
Binary files /dev/null and b/css/img/NoPath - copia (4)@2x.png differ
diff --git a/css/img/Trazado 19.png b/css/img/Trazado 19.png
new file mode 100644
index 0000000..bd60d4b
Binary files /dev/null and b/css/img/Trazado 19.png differ
diff --git a/css/img/Trazado 19@2x.png b/css/img/Trazado 19@2x.png
new file mode 100644
index 0000000..c55c5bb
Binary files /dev/null and b/css/img/Trazado 19@2x.png differ
diff --git a/css/img/Trazado-footer.png b/css/img/Trazado-footer.png
new file mode 100644
index 0000000..60a2d72
Binary files /dev/null and b/css/img/Trazado-footer.png differ
diff --git a/css/img/cris.png b/css/img/cris.png
new file mode 100644
index 0000000..fbe7662
Binary files /dev/null and b/css/img/cris.png differ
diff --git a/css/img/cris@2x.png b/css/img/cris@2x.png
new file mode 100644
index 0000000..cfe16d2
Binary files /dev/null and b/css/img/cris@2x.png differ
diff --git a/css/img/footer.png b/css/img/footer.png
new file mode 100644
index 0000000..590c800
Binary files /dev/null and b/css/img/footer.png differ
diff --git a/css/img/footer2.png b/css/img/footer2.png
new file mode 100644
index 0000000..9a32a52
Binary files /dev/null and b/css/img/footer2.png differ
diff --git a/css/img/pedro.png b/css/img/pedro.png
new file mode 100644
index 0000000..1660bd0
Binary files /dev/null and b/css/img/pedro.png differ
diff --git a/css/img/pedro@2x.png b/css/img/pedro@2x.png
new file mode 100644
index 0000000..d300fb1
Binary files /dev/null and b/css/img/pedro@2x.png differ
diff --git a/css/stilo.css b/css/stilo.css
new file mode 100644
index 0000000..898a793
--- /dev/null
+++ b/css/stilo.css
@@ -0,0 +1,282 @@
+/* COLORS
+========================================== */
+/* MIXINS
+========================================== */
+/* RESET
+========================================== */
+*, *:before, *:after {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+/* CONTACT
+========================================== */
+.contact-area {
+ width: 100%;
+ height: 100vh;
+ position: relative;
+}
+
+.contact {
+ position: relative;
+ max-width: 420px;
+ padding: 40px 20px;
+ overflow: hidden;
+ margin: 0 auto;
+}
+@media (min-width: 1024px) {
+ .contact {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
+}
+.contact main {
+ float: left;
+ width: 100%;
+ position: relative;
+}
+.contact main section {
+ border-radius: 5px;
+ float: left;
+ width: 100%;
+ background-color: #eb524a;
+}
+.contact main section .content {
+ float: left;
+ width: 100%;
+ padding: 20px 30px 50px 30px;
+ position: relative;
+ text-align: center;
+}
+@media (min-width: 414px) {
+ .contact main section .content {
+ text-align: left;
+ }
+}
+.contact main section .content img {
+ display: inline-block;
+ width: 140px;
+ border-radius: 50%;
+}
+@media (min-width: 414px) {
+ .contact main section .content img {
+ float: left;
+ width: 30%;
+ margin-right: 10%;
+ }
+}
+.contact main section .content aside {
+ float: left;
+ width: 100%;
+ color: #ffffff;
+ margin-top: 10px;
+}
+@media (min-width: 414px) {
+ .contact main section .content aside {
+ width: 60%;
+ }
+}
+.contact main section .content aside h1 {
+ font-weight: 100;
+ font-size: 22px;
+ margin-bottom: 10px;
+}
+.contact main section .content aside p {
+ font-size: 14px;
+ letter-spacing: 0.5px;
+ line-height: 160%;
+}
+.contact main .title {
+ float: left;
+ width: 100%;
+ background-color: #c63535;
+ max-height: 0px;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ overflow: hidden;
+ transition: all 0.55s;
+}
+.contact main .title.active {
+ max-height: 100px;
+ transition: all 1.3s;
+}
+.contact main .title.active p {
+ transform: scale(1);
+ transition-delay: 0.2s;
+}
+.contact main .title p {
+ padding: 15px 30px;
+ color: #ffffff;
+ font-size: 16px;
+ display: inline-block;
+ font-weight: 500;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ transition: all 0.3s;
+ transform: scale(0);
+}
+.contact main button {
+ position: absolute;
+ bottom: 0;
+ right: 50%;
+ background-color: #ffbe44;
+ color: #c63535;
+ border: 0;
+ width: 200px;
+ height: 48px;
+ text-align: center;
+ border-radius: 30px;
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ text-transform: uppercase;
+ margin-bottom: -24px;
+ margin-right: -100px;
+ transition: all 0.4s;
+ transition-delay: 0.1s;
+ outline: none;
+ overflow: hidden;
+ z-index: 10;
+ font-family: inherit;
+}
+.contact main button span {
+ opacity: 1;
+ transition: opacity 0.2s;
+ transition-delay: 0.4s;
+ display: block;
+ width: 200px;
+ float: left;
+ padding: 15px 0px;
+}
+.contact main button svg {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ opacity: 0;
+ transition: all 0.4s;
+}
+.contact main button svg path {
+ fill: #c63535;
+}
+.contact main button.active {
+ margin-right: 0;
+ right: 20px;
+ width: 65px;
+ height: 65px;
+ margin-bottom: -32.5px;
+ text-indent: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ border-radius: 65px;
+ box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
+}
+.contact main button.active span {
+ opacity: 0;
+ transition-delay: 0s;
+ width: 200px;
+}
+.contact main button.active svg {
+ opacity: 1;
+ transition-delay: 0.5s;
+}
+.contact nav {
+ float: left;
+ width: 100%;
+ overflow: hidden;
+ max-height: 0px;
+ transition: all 0.5s;
+}
+.contact nav.active {
+ max-height: 600px;
+ transition: all 1s;
+}
+.contact nav.active a {
+ opacity: 1;
+ transform: translateY(0px);
+ transition: all 0.7s;
+}
+.contact nav.active a:nth-of-type(1) {
+ transition-delay: 0.5s;
+}
+.contact nav.active a:nth-of-type(2) {
+ transition-delay: 0.7s;
+}
+.contact nav.active a:nth-of-type(3) {
+ transition-delay: 0.9s;
+}
+.contact nav a {
+ float: left;
+ width: 100%;
+ margin-top: 18px;
+ background-color: #ffffff;
+ padding: 18px 20px;
+ border-radius: 5px;
+ text-decoration: none;
+ transition: all 0.3s;
+ opacity: 0;
+ transform: translateY(-10px);
+ position: relative;
+}
+@media (min-width: 414px) {
+ .contact nav a {
+ padding: 18px 30px;
+ }
+}
+.contact nav a .arrow {
+ position: absolute;
+ right: 15px;
+ top: 50%;
+ transform: translateY(-50%);
+}
+.contact nav a .arrow path {
+ fill: #e6e6e6;
+}
+.contact nav a.gmail .icon svg {
+ background-color: #d14836;
+}
+.contact nav a.gmail .content h1 {
+ color: #d14836;
+}
+.contact nav a.facebook .icon svg {
+ background-color: #3b5998;
+}
+.contact nav a.facebook .content h1 {
+ color: #3b5998;
+}
+.contact nav a.twitter .icon svg {
+ background-color: #1da1f2;
+}
+.contact nav a.twitter .content h1 {
+ color: #1da1f2;
+}
+.contact nav a .icon {
+ float: left;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ overflow: hidden;
+ margin-right: 20px;
+}
+.contact nav a .icon svg {
+ width: 100%;
+ height: 100%;
+ padding: 14px;
+}
+.contact nav a .icon svg path {
+ fill: #ffffff;
+}
+.contact nav a .content h1 {
+ font-size: 20px;
+ font-weight: 400;
+ line-height: 160%;
+ letter-spacing: 0.4px;
+}
+.contact nav a .content span {
+ font-size: 14px;
+ color: #b3b3b3;
+ display: block;
+ letter-spacing: 0.4px;
+}
\ No newline at end of file
diff --git a/css/stylus.css b/css/stylus.css
new file mode 100644
index 0000000..333bf9b
--- /dev/null
+++ b/css/stylus.css
@@ -0,0 +1,187 @@
+nav {
+ font-size: 14px;
+ font-family: 'Gotham Rounded';
+ font-weight: 500;
+ font-style: normal;
+ display: flex;
+ align-items: center;
+ margin-left: 73px;
+ margin-top: 64px;
+ max-width: 200px;
+}
+nav a {
+ justify-content: center;
+}
+nav a img {
+ width: 30px;
+ margin-left: 5px;
+}
+nav h4 {
+ font-size: 18px;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+body {
+ margin: 0;
+ padding: 0;
+ background-color: rgba(255,255,255,0.8);
+}
+body::-webkit-scrollbar {
+ display: none;
+}
+body body:before {
+ box-sizing: border-box;
+}
+body body:after {
+ box-sizing: border-box;
+}
+.container-logo {
+ width: 100vw;
+ display: flex;
+ justify-content: center;
+ overflow-y: hidden;
+}
+.container-logo img {
+ width: 1059px;
+ height: 596px;
+}
+.container-trazado {
+ width: 100vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+}
+.container-trazado img {
+ width: 1994, 11px;
+ height: 1986, 2px;
+}
+.container-trazado .quienes-somos {
+ position: absolute;
+ text-align: center;
+ top: 500px;
+}
+.container-trazado h2 {
+ font-family: 'Gotham Rounded';
+ font-weight: bold;
+ font-size: 44px;
+ color: #fff;
+}
+.container-trazado p {
+ font-family: 'Gotham Rounded';
+ font-weight: 300;
+ font-size: 36px;
+ color: #fff;
+}
+.Audiovisual {
+ max-width: 100%;
+}
+.audiovisual__tarjeta1 {
+ display: flex;
+ align-items: center;
+}
+.audiovisual__tarjeta1 figure {
+ display: block;
+ float: left;
+ margin-left: 50px;
+}
+.audivisual__tarjeta1-texto {
+ width: 25%;
+}
+#target2__float-right {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+}
+#target2__float-right figure {
+ display: block;
+ float: left;
+}
+footer {
+ background-image: url("../css/img/footer2.png");
+ background-repeat: no-repeat;
+ background-size: 100% 35%;
+ background-position: center bottom;
+ height: 630px;
+ margin-top: 150px;
+}
+.content-contact {
+ display: flex;
+ height: 450px;
+ font-family: Arial, Helvetica, sans-serif;
+}
+.contact-info,
+.section-form {
+ width: 50%;
+ margin: 5px;
+ display: flex;
+}
+.section-form {
+ justify-content: center;
+/* background: green; */
+ height: 480px;
+}
+.contact-info {
+ flex-direction: column;
+ align-items: center;
+}
+.info {
+ width: 70%;
+ height: 300px;
+ margin: 30px 0 150px 0;
+}
+.datos {
+ margin-top: 70px;
+}
+.form-content {
+ background: #aaa;
+ width: 70%;
+ border-radius: 5px;
+ margin-top: 20px;
+ box-shadow: -1px 1px 5px 2px rgba(0,0,0,0.3);
+}
+.form {
+ width: 80%;
+ margin: auto;
+ margin-top: 50px;
+}
+h3 {
+ margin-bottom: 10px;
+}
+.form input,
+textarea {
+ width: 100%;
+ margin-bottom: 10px;
+ border-radius: 5px;
+ border: none;
+ padding: 5px;
+}
+.form input {
+ height: 37px;
+}
+.form textarea {
+ height: 200px;
+}
+.btn {
+/* padding: 10px 20px; */
+ width: 80px;
+ height: 40px;
+ border-radius: 30px;
+ border: none;
+ background: #de0009;
+ color: #fff;
+ float: right;
+}
+.redes {
+ width: 70%;
+ height: 100px;
+ margin-top: 100px;
+ color: #fff;
+}
+.red {
+ float: left;
+ margin-right: 50px;
+}
+.red a {
+ color: #fff;
+}
diff --git a/css/target.css b/css/target.css
new file mode 100644
index 0000000..3e61ab1
--- /dev/null
+++ b/css/target.css
@@ -0,0 +1,177 @@
+/* COLORS
+========================================== */
+/* MIXINS
+========================================== */
+/* RESET
+========================================== */
+*, *:before, *:after {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+/* CONTACT
+========================================== */
+.tarjetas{
+ top: 100px;
+ display: flex;
+ justify-content: center;
+ width: 1350px;
+ margin-top: -250px;
+}
+.contact-area {
+ width: 400px;
+ height: 400px;
+ position: relative;
+}
+
+.contact {
+ position: relative;
+ max-width: 720px;
+ padding: 40px 20px;
+ overflow: hidden;
+ margin: 0 auto;
+}
+@media (min-width: 1024px) {
+ .contact {
+ position: absolute;
+ width: 420px;
+ top: 130%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
+}
+.contact main {
+ float: left;
+ width: 100%;
+ position: relative;
+}
+.contact main section {
+ border-radius: 5px;
+ float: left;
+ width: 100%;
+ background-color: white;
+}
+.contact main section .content {
+ float: left;
+ width: 100%;
+ padding: 20px 30px 50px 30px;
+ position: relative;
+ text-align: center;
+}
+@media (min-width: 414px) {
+ .contact main section .content {
+ text-align: left;
+ }
+}
+.contact main section .content img {
+ display: inline-block;
+ width: 140px;
+ border-radius: 50%;
+}
+@media (min-width: 414px) {
+ .contact main section .content img {
+ float: left;
+ width: 30%;
+ margin-right: 10%;
+ }
+}
+.contact main section .content aside {
+ float: left;
+ width: 100%;
+ color: black;
+ margin-top: 10px;
+}
+@media (min-width: 414px) {
+ .contact main section .content aside {
+ width: 60%;
+ }
+}
+.contact main section .content aside h1 {
+ font-family: 'Gotham Rounded';
+ font-weight: 500;
+ font-size: 20px;
+ margin-bottom: 10px;
+}
+.contact main section .content aside p {
+ color: black;
+ font-size: 14px;
+ letter-spacing: 0.5px;
+ line-height: 160%;
+ font-family: 'Gotham Rounded';
+ font-weight: 500;
+
+}
+.contact main .title {
+ float: left;
+ width: 100%;
+ background-color: black;
+ max-height: 0px;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ overflow: hidden;
+ transition: all 0.55s;
+}
+}
+.contact main .title p {
+ padding: 15px 30px;
+ color: black;
+ font-family: 'Gotham Rounded';
+ font-size: 16px;
+ display: inline-block;
+ font-weight: 500;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+ transition: all 0.3s;
+ transform: scale(0);
+}
+.contact main button {
+ position: absolute;
+ bottom: 0;
+ right: 50%;
+ background-color: #E4E4E4;
+ color: #000000;
+ border: 0;
+ width: 200px;
+ height: 48px;
+ text-align: center;
+ border-radius: 30px;
+ font-family: 'Gotham Rounded';
+ font-weight: bold;
+ font-size: 16px;
+ letter-spacing: 0.5px;
+ text-transform: uppercase;
+ margin-bottom: -24px;
+ margin-right: -100px;
+ transition: all 0.4s;
+ transition-delay: 0.1s;
+ outline: none;
+ overflow: hidden;
+ z-index: 10;
+ font-family: inherit;
+ cursor: pointer;
+}
+a {
+ text-decoration: none;
+}
+.contact main button span a {
+ color: #000000;
+ text-transform: lowercase;
+ font-family: 'Gotham Rounded';
+ font-weight: 300;
+ transition: opacity 0.2s;
+ transition-delay: 0.4s;
+ display: block;
+ width: 200px;
+ float: left;
+ padding: 15px 0px;
+}
+
+
+@media (min-width: 414px) {
+ .contact nav a {
+ padding: 18px 30px;
+ }
+}
+
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bd1a73f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,185 @@
+
+
+
+
+
+
+ Colina 2020
+
+
+
+
+
+
+
+
+
+
+
+

+
+
+
+

+
+
¿Quienes somos?
+
+ Como Colina Studios somos redactores de
+ diferentes formatos de narrativas
+ Audiovisuales,
+ con ideas frescas, adaptativas e innovadoras.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Realizacion audiovisual
+
+
+
Hi, i'm Cris Vasquez and i'm a
+ graphic and visual designerLorem Ipsum is simply dummy text of the printing and typesetting industry.
+
+
+
+
+
+
+
Realizacion audiovisual
+
+
+
Hi, i'm Cris Vasquez and i'm a
+ graphic and visual designerLorem Ipsum is simply dummy text of the printing and typesetting industry.
+
+
+
+
+
+
+
+
+
+
+
+
+
Realizacion audiovisual
+
+
+
Hi, i'm Cris Vasquez and i'm a
+ graphic and visual designerLorem Ipsum is simply dummy text of the printing and typesetting industry.
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/jquery-3.5.0.js b/jquery-3.5.0.js
new file mode 100644
index 0000000..743acda
--- /dev/null
+++ b/jquery-3.5.0.js
@@ -0,0 +1,10872 @@
+/*!
+ * jQuery JavaScript Library v3.5.0
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright JS Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2020-04-10T15:07Z
+ */
+( function( global, factory ) {
+
+ "use strict";
+
+ if ( typeof module === "object" && typeof module.exports === "object" ) {
+
+ // For CommonJS and CommonJS-like environments where a proper `window`
+ // is present, execute the factory and get jQuery.
+ // For environments that do not have a `window` with a `document`
+ // (such as Node.js), expose a factory as module.exports.
+ // This accentuates the need for the creation of a real `window`.
+ // e.g. var jQuery = require("jquery")(window);
+ // See ticket #14549 for more info.
+ module.exports = global.document ?
+ factory( global, true ) :
+ function( w ) {
+ if ( !w.document ) {
+ throw new Error( "jQuery requires a window with a document" );
+ }
+ return factory( w );
+ };
+ } else {
+ factory( global );
+ }
+
+// Pass this if window is not defined yet
+} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
+// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
+// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
+// enough that all such attempts are guarded in a try block.
+"use strict";
+
+var arr = [];
+
+var getProto = Object.getPrototypeOf;
+
+var slice = arr.slice;
+
+var flat = arr.flat ? function( array ) {
+ return arr.flat.call( array );
+} : function( array ) {
+ return arr.concat.apply( [], array );
+};
+
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var fnToString = hasOwn.toString;
+
+var ObjectFunctionString = fnToString.call( Object );
+
+var support = {};
+
+var isFunction = function isFunction( obj ) {
+
+ // Support: Chrome <=57, Firefox <=52
+ // In some browsers, typeof returns "function" for HTML