Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius eleifend metus at auctor. Integer iaculis nulla quis elit posuere hendrerit. Aliquam eget sagittis ipsum.
+diff --git a/css/style.css b/css/style.css deleted file mode 100644 index e69de29..0000000 diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..5dc6ba9 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,132 @@ +body, html { +/* position: absolute;*/ + /* width: 100%; + height: 100vh;*/ +} +p { + margin-top: 0px; +} +* { + box-sizing: border-box; +} +h1{ + padding: 1%; +} +.border { + width: 100%; + height: 100vh; + margin: auto; +} +.container { + position: relative; + margin: 1% 12% 4% 12%; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.seccion-1 { + width: 100%; + height: 25vh; + padding: 0% 0% 2% 0%; + display: flex; + flex-direction: row; + justify-content: space-between; + float: left; +} + +.box { + width: 70%; + height: 100%; + background-color: blue; +/* align-self: flex-start;*/ +} +.text { + width: 25%; + height: 100%; +/* display: flex; + flex-basis: auto;*/ +} +.seccion-2 { + width: 100%; + height: 21vh; + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + padding: 0% 0% 1% 0%; +} + +.wrap { + display: flex; + flex-direction: column; + width: 22%; + height: 100%; + justify-content: space-between; +} + +.gray { + height: 25%; + background: #DCDCDC; +} + +.blue { + height: 60%; + background: #13b4ff; +} + +.dark-blue { + height: 60%; + background: #4169E1; +} + +.purple { + height: 60%; + background: #ab3fdd; +} + +.orange { + height: 60%; + background: #FFA500; +} + + +.seccion-3 { + width: 100%; + height: 31vh; + display: flex; + flex-direction: row; + justify-content: space-between; +} + + +.bundle { + width: 25%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + +} + +.red { + height: 50%; + background: red; +} + +.yellow { + height: 50%; + background: yellow; +} + +.green { + height: 50%; + background: green; +} + +.double-gray { + height: 15%; + background: #DCDCDC; +} + + diff --git a/index.html b/index.html index e69de29..c2c611c 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,75 @@ + + +
+ + + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius eleifend metus at auctor. Integer iaculis nulla quis elit posuere hendrerit. Aliquam eget sagittis ipsum.
+This is a green
+ + + diff --git a/js/jquery.js b/js/jquery.js new file mode 100644 index 0000000..49d1fcf --- /dev/null +++ b/js/jquery.js @@ -0,0 +1,2 @@ +/*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){"use strict";var n=[],r=e.document,i=Object.getPrototypeOf,o=n.slice,a=n.concat,s=n.push,u=n.indexOf,l={},c=l.toString,f=l.hasOwnProperty,p=f.toString,d=p.call(Object),h={},g=function e(t){return"function"==typeof t&&"number"!=typeof t.nodeType},y=function e(t){return null!=t&&t===t.window},v={type:!0,src:!0,noModule:!0};function m(e,t,n){var i,o=(t=t||r).createElement("script");if(o.text=e,n)for(i in v)n[i]&&(o[i]=n[i]);t.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[c.call(e)]||"object":typeof e}var b="3.3.1",w=function(e,t){return new w.fn.init(e,t)},T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;w.fn=w.prototype={jquery:"3.3.1",constructor:w,length:0,toArray:function(){return o.call(this)},get:function(e){return null==e?o.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=w.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return w.each(this,e)},map:function(e){return this.pushStack(w.map(this,function(t,n){return e.call(t,n,t)}))},slice:function(){return this.pushStack(o.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(n>=0&&n