diff --git a/challenge04.css b/challenge04.css new file mode 100644 index 0000000..a84477f --- /dev/null +++ b/challenge04.css @@ -0,0 +1,74 @@ +.header{ + background-color: #4d089a; + color: #ffffff; + display: flex; + font-family: 'Raleway', serif; + flex-direction: column; +} +.header__cabecera{ + background-color: darkblue; + color: #ffffff; + text-align: end; + margin: 3px 0px; +} +.header__cabecera a{ + color: white; + margin: 2px; + display: inline-block; +} +.header__cabecera a img{ + height: 15px; + opacity: 0.5; +} +.header__menutitle{ + display: flex; + align-items: center; + justify-content: space-between; + height: 70px; +} +.header__menutitle--1{ + color: #ffffff; + text-decoration: none; + margin-left: 20px; +} +.header__menutitle--1 img{ + width: 30px; + height: 30px; +} +.header__menutitle--2{ + font-size: 20px; + letter-spacing: 1px; + margin-left: -60px; +} +.header__menutitle--3 a{ + margin: 5px; +} +.header__menutitle--3 a img{ + height: 30px; + width: 30px; +} +.banner{ + border: 2px solid #6e6d70; + display: flex; + flex-direction: column; + font-family: 'Raleway', serif; + height: auto; + width: auto; +} +.banner__msg{ + font-size: 20px; + margin-left: 10px; +} +.banner__op{ + display: flex; + justify-content: flex-end; + margin: 10px; +} +.banner__op a{ + color: #4d089a; + font-size: 15px; + font-weight: bold; + margin: 10px; + text-decoration: none; + text-transform: uppercase; +} \ No newline at end of file diff --git a/challenge04.html b/challenge04.html new file mode 100644 index 0000000..c638b20 --- /dev/null +++ b/challenge04.html @@ -0,0 +1,34 @@ + + + + + + + + Challenge04 + + +
+
+ cuadrado + circulo + triangulo +
+
+ menu +

My Pictures

+
+ like + options +
+
+
+ + + \ No newline at end of file diff --git a/challenge04.jpg b/challenge04.jpg new file mode 100644 index 0000000..e7a456e Binary files /dev/null and b/challenge04.jpg differ diff --git a/circled.png b/circled.png new file mode 100644 index 0000000..f2d2969 Binary files /dev/null and b/circled.png differ diff --git a/give-way.png b/give-way.png new file mode 100644 index 0000000..cce8535 Binary files /dev/null and b/give-way.png differ diff --git a/like.png b/like.png new file mode 100644 index 0000000..35643ab Binary files /dev/null and b/like.png differ diff --git a/lupa.png b/lupa.png new file mode 100644 index 0000000..bb69997 Binary files /dev/null and b/lupa.png differ diff --git a/menu-2.png b/menu-2.png new file mode 100644 index 0000000..9ddc7ab Binary files /dev/null and b/menu-2.png differ diff --git a/menu.png b/menu.png new file mode 100644 index 0000000..5780626 Binary files /dev/null and b/menu.png differ diff --git a/rectangle.png b/rectangle.png new file mode 100644 index 0000000..e5a300b Binary files /dev/null and b/rectangle.png differ