diff --git a/starter_code/images/facebook_480.png b/starter_code/images/facebook_480.png new file mode 100644 index 0000000..ba6f167 Binary files /dev/null and b/starter_code/images/facebook_480.png differ diff --git a/starter_code/images/menu_480.png b/starter_code/images/menu_480.png new file mode 100644 index 0000000..00f8276 Binary files /dev/null and b/starter_code/images/menu_480.png differ diff --git a/starter_code/images/twiter_480.png b/starter_code/images/twiter_480.png new file mode 100644 index 0000000..2d621ae Binary files /dev/null and b/starter_code/images/twiter_480.png differ diff --git a/starter_code/images/youtube_480.png b/starter_code/images/youtube_480.png new file mode 100644 index 0000000..4caad8c Binary files /dev/null and b/starter_code/images/youtube_480.png differ diff --git a/starter_code/index.html b/starter_code/index.html index bf06bff..916b48d 100644 --- a/starter_code/index.html +++ b/starter_code/index.html @@ -1,20 +1,234 @@ - - - - - - - - - - - Where work happens | Slack - - - - - - - + + + + + + + + + + + Where work happens | Slack + + + + +
+
+
+
+

Where Work happens

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consectetur sit libero ratione esse perferendis + ipsum + repudiandae saepe, id impedit hic. Minus voluptatibus, eos reiciendis magni nam animi repellendus nesciunt + deserunt.

+
+ +
+

Already using Slag?

+ Sign in + +
+
+ +
+
+ +
+
+
+
+
+

sino me da tiempo he ayudado demasiado

+

bawjwnmkamwefjwonfwejfklmfe,wemfwohfwef wfihwifu whiuwhf iweufh wiufhwe iufhwefiuo wfiuwhf

+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+
+

titulo que nose que poner

+

jpniniwnfpifwmfpom

+
+
+
+
    +
    + +
    +
  • Email adress
    • +
    +
    +
  • GET STARTET
    • +
    + +
+
+ +
+
+
+ +
+
+
+
    +
    • +
+
+
+
+
+
    +
  • contacto
    • +
  • iuewln
    • +
  • eferfer
    • +
  • wefewrfew
    • +
  • wefewrfw
    • +
+
+
+
    +
  • ewrfewr
    • +
  • fewefwf
    • +
  • fewwrefw
    • +
  • fweewrf
    • +
  • wrfewwwe
    • +
+
+
+
    +
  • wefwerf
    • +
  • rfwerfwf
    • +
  • wefrewf
    • +
  • wefwewerf
    • +
  • ewfewrwer
    • +
  • ferewfre
    • +
+
+
+
    +
  • erferf
    • +
  • erferewr
    • +
  • ewfew
    • +
  • fwerwer
    • +
  • werfewewrf
    • +
+
+
+
+
+ +
+ + + +
+
+ + + +
+
+ + +
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css index cff873e..a7efbbe 100644 --- a/starter_code/stylesheets/style.css +++ b/starter_code/stylesheets/style.css @@ -5,3 +5,152 @@ main-titles dark-grey: #2C303F; paragraph grey: #5b5e6d; nav grey: #5b5e6d; */ + +img { + width: 100%; + +} + +footer img { + width: 10%; +} + +footer a { + width: 30%; + direction: rtl; +} + +/*esto ha sido machetazo by dios google :) el direction */ + +.menu { + display: flex; + justify-content: space-between; + align-items: center; + font-size: 12px; + color: #5b5e6d; +} + +.link a { + text-decoration: none; + +} + +.link { + display: flex; + list-style: none; + align-items: center; + +} + +.link li { + margin-right: 20px; + align-items: center; + color: black; + text-decoration: none; + +} + +.link li a { + color: black; + text-decoration: none; + list-style: none; + +} + +.boton { + border: 3px solid; + font-weight: 100; + text-decoration: none; + color: black; + margin: 20px; + padding: 5px; + display: block; + width: 150px; + text-align: center; + +} + +.seccion1 { + + padding: 60px; +} + +.boton2 { + border: 1px solid; + font-weight: 80; + text-decoration: none; + color: black; + margin: 20px; + padding: 5px; + display: block; + width: 150px; + text-align: center; +} + +.boton3 { + background-color: blue; + font-weight: 80; + text-decoration: none; + color: white; + margin: 20px; + padding: 5px; + display: block; + width: 150px; + text-align: center; + +} + +.boton4 { + border: 1px solid; + font-weight: 80; + text-decoration: none; + color: black; + margin: 20px; + padding: 5px; + display: block; + width: 150px; + text-align: center; +} + + + +.secion2 { + padding: 50px; + align-items: center; +} + +.tex { + text-align: center; + align-items: center; + background-color: #5b5e6d; + padding: 50px; + + +} + +.section3 { + padding: 50px; + +} + +ul { + text-decoration: none; + list-style: none; + +} + +.img3 img { + width: 100px; +} + +.negrita { + color: black; + text-transform: uppercase; + font-weight: bold; + +} + + +.img4 { + width: 30px; +} \ No newline at end of file