diff --git a/estilos.css b/estilos.css index 0b61d96..21c78fd 100644 --- a/estilos.css +++ b/estilos.css @@ -1,86 +1,83 @@ -body{ - background-color: #3AAFA9; +body { + background-color: #3aafa9; } -.jumbotron{ - background-color: #17252A; +.jumbotron { + background-color: #17252a; } -h1{ - color: #FEFFFF; +h1 { + color: #feffff; } h2 { - text-align: center; - margin-top: 0.5em; - margin-bottom: 0.5em; - color: #17252A; + text-align: center; + margin-top: 0.5em; + margin-bottom: 0.5em; + color: #17252a; } -h3{ - color: #17252A; - margin-top: 0.5em; - margin-bottom: 0.5em; +h3 { + color: #17252a; + margin-top: 0.5em; + margin-bottom: 0.5em; } -p{ - text-align: justify; - color: #FEFFFF; +p { + text-align: justify; + color: #feffff; } -#navigation{ - margin-bottom: 1em; +#navigation { + margin-bottom: 1em; } -#bio{ - align-items: center; - align-content: center; +#bio { + align-items: center; + align-content: center; } -dd{ - color: #FEFFFF; - +dd { + color: #feffff; } -.interest{ - color: #FEFFFF; - +.interest { + color: #feffff; } -.cardtext{ - color: #17252A; +.cardtext { + color: #17252a; } -.images{ - align-content: center; +.images { + align-content: center; } -footer p{ - text-align: center; - color: #FEFFFF; - font-weight: bolder; +footer p { + text-align: center; + color: #feffff; + font-weight: bolder; } -footer{ - margin-top:3em; - background-color: #17252A; +footer { + margin-top: 3em; + background-color: #17252a; } -#formul{ - align-content: center; - align-items: center; +#formul { + align-content: center; + align-items: center; } - input[type="text"] { - background-color: transparent; - width: 50em; - margin-bottom: 10px; - background-color:#FEFFFF; - + background-color: transparent; + width: 50em; + margin-bottom: 10px; + background-color: #feffff; } -.custom-toggler.navbar-toggler{ - border-color: #FEFFFF; +.custom-toggler.navbar-toggler { + border-color: #feffff; } label { - color: #17252A; - font-weight: bolder; - font-size: large; + color: #17252a; + font-weight: bolder; + font-size: large; } - \ No newline at end of file + +/* El CSS esta bien, agregaria todo el body en un contenedor para facilitar la lectura en pantallas grandes */ diff --git a/index.html b/index.html index 996aa11..73dcf20 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + @@ -8,9 +8,6 @@ - - -

My personal web page

@@ -19,6 +16,7 @@

My personal web page

+

Welcome to Gal's Blog!
+ Me playing drums
@@ -45,7 +45,8 @@

My personal web page

-
+
+

Greetings my friend.

This is a small fragent gifted to my by the cyberspace to talk a little about myself and introducte me to the world. Specially because the quarintine makes it harder or impossible to make contact with @@ -91,12 +92,14 @@

Music

+

Biographical data
+ @@ -131,6 +134,7 @@

Music

+

Academical Information
@@ -156,6 +160,7 @@

Music

+

My personal interests

Some of my favorite videos

@@ -165,6 +170,7 @@

Some of my favorite videos

I like this video because of the music but also due too the drawing and animation it has. The video was made by the artist Felix Colgrave for the song Source by the band Fever the Ghost.

+
@@ -174,6 +180,7 @@

Some of my favorite videos

The best drum solo according to me, is the one performed by John Henry Bonham (Bonzo) from Led Zeppelin. The solo is part of the song Moby Dick and this video is my favorite version of the solo. I watch this video often to learn from Bonzo's playing, who is my drummer idol.

+
@@ -182,6 +189,7 @@

Some of my favorite videos

This video is one of my favorites from the few made by Pink Floyd. This video was filmed for the song High Hopes from the album The Division Bell. The visual material used connects very accurately the lyrics with the song's music.

+
@@ -190,6 +198,7 @@

Some of my favorite videos

This is the music video from the song Daydreamming of Radiohead. I love it for its direction work. It has several visual techniques that feed the introspective, hypnotic melody of the song.

+
@@ -201,14 +210,15 @@

Links of interest

Here are some of the links I visit often

+
    -
  • This web page is about learning to play jazz drumms: Jazz Drumming
    • -
  • I use this site to know which stars and planets can be seen in the night sky: Star map
    • +
  • This web page is about learning to play jazz drumms: Jazz Drumming
    • +
  • I use this site to know which stars and planets can be seen in the night sky: Star map
Here are my band's social media links:
-

Instagram: @ecosdelacumbre

+

Instagram: @ecosdelacumbre

Facebook: Ecos de la Cumbre

@@ -222,7 +232,9 @@

Cool pictures

+
+ Con mi pana Giraldo

@@ -232,7 +244,9 @@

Cool pictures

+
+ Saltando de bien alto

@@ -242,7 +256,9 @@

Cool pictures

+
+ Volcán Osorno en Chile

@@ -256,6 +272,7 @@

Cool pictures

+

Some of my projects
@@ -283,7 +300,8 @@

PetFun

- + +
@@ -292,6 +310,7 @@

PetFun

+

Contact
@@ -304,7 +323,7 @@

PetFun

-
@@ -327,5 +346,9 @@

PetFun

My Instagram (@da_galru)

+ + + + \ No newline at end of file diff --git a/validator1.png b/validator1.png new file mode 100644 index 0000000..2c4197c Binary files /dev/null and b/validator1.png differ diff --git a/validator2.png b/validator2.png new file mode 100644 index 0000000..cf13a27 Binary files /dev/null and b/validator2.png differ
Information table about me