diff --git a/Pikachu-Website.png b/Pikachu-Website.png new file mode 100644 index 0000000..2b8b991 Binary files /dev/null and b/Pikachu-Website.png differ diff --git a/index.html b/index.html index 28c1322..82226f4 100644 --- a/index.html +++ b/index.html @@ -1,248 +1,349 @@ - + -
- - - - -
-
-
-
-
-
-
-

About Me

-

- Hello Everyone! My name is Pikachu. In this section you can pick-a-me. - I was adopted by Ash Ketchum back in Palls. Realizing that I am way much - smarter then some 10 years old I decided to leave him and go start my own - web-tech company, and this is what my site is all about - so welcome, - have fun, and please do not try to put me inside a pokeball, as I would not like that! - -

-
-

My Hobbies

-

Sleeping - it is all about sleeping. I guesss that sometimes eating is just as good, - but lets keep it simple - sleeping. -

- -
-

What's your favorite thing in ISE?

-

Sleeping. -

- -
-

What are your expectations from this course?

-

I want to learn how to make the best website and be the best trainer, oops, - I meant web developer out there... and catch them all!!!! -

- -
-

What are the difficulties you find while working on this project?

-

Nothing is difficult when you can electrifie people, seriously. -

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-

my photos

-

Here are some of my photos

-
- -

This is me

-


- -

When I let my mom cut my hair

-


- -

Young me

-


- -

I don't like Ash

-


- -

I don't like him at all

-
-
-
-
- -
-

My Favorite Playlist

- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-give me a like -
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-scan my code -
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-ans -
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-contact me -
-
-
-
- - - - +
+ + + + + + Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Please give me an A! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! Pikachu is Awesome! + +
+ +
+
+
About Me
+

+ Hello Everyone! My name is Pikachu. In this section you can pick-a-me. + I was adopted by Ash Ketchum back in Palls. Realizing that I am way much + smarter then some 10 years old I decided to leave him and go start my own + web-tech company, and this is what my site is all about - so welcome, + have fun, and please do not try to put me inside a pokeball, as I would not like that! + +

+
+

My Hobbies

+

+ Sleeping - it is all about sleeping. I guesss that sometimes eating is just as good, + but lets keep it simple - sleeping. +

+ +
+

What's your favorite thing in ISE?

+

+ Sleeping. +

+ +
+

What are your expectations from this course?

+

+ I want to learn how to make the best website and be the best trainer, oops, + I meant web developer out there... and catch them all!!!! +

+ +
+

What are the difficulties you find while working on this project?

+

+ Nothing is difficult when you can electrifie people, seriously. +

+
+
+
+
+
+
+
+ +
+ +
+
+
+ +
My Photos
+

Here are some of my favorite photos

+
+
+ + This is me + +
This is me
+
+ +
+ + When I let my mom cut my hair + +
+ When I let my mom cut my hair +
+
+ +
+ + Young Me + +
Young Me
+
+ +
+ + I don't like Ash + +
I don't like Ash
+
+ +
+ + I don't like him at all + +
+ I don't like him at all +
+
+ + + +
+
+
+
+

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



+ +
+ +
+

+
My Favorite Playlist
+

+
+
+
+
+
+ +
+ +
+
+
+
Like Me On Facebook!
+
+
+
+
+ +
+
+

+
Scan My Code
+


+
+ +
+
+
+
+ +
+
+
+
Q & A
+
+

What is the differnece between Web 1, Web 2 and Web 3?

+

Well, To answer that question lets explain each one of the Web versions:

+

+ Web 1: One of the primary version of the web as we know it. In this version the web users had a limited intercation + between them and the website itself. Also websites barley didn't have intercation with one another. Users could not post or + comment feedbacks. Web 1 was a good way to let business let people know that they were out there and present information + about their business. +

+

+ Web 2: In this version of the web users could interact with the website itself - they could comment, post and leave feedback. + Web 2 encourged participation, collabration and information sharing from the web user. In this web version the users + got introduced to website such as Facebook, Youtube and Wikipedia. Using Web 2 people could comminucate with each other + and share experinces from their daily life. This version is the web as most people know it. People could now also + search what they wanted to view using search engines. Another thing that charchertizes Web 2 is the web broswsers. + Companies start to create web broswesers such as Internet Explorer, Google Chrome and many more.
+ In oppose to Web 1, which was considred to be an only "read" content, Web 2 is a "read-write" content. +

+

+ Web 3: So what else can we ask for that wans't implemented in Web 2? Web 3 is all about interperting information + like human beings can. If we refred to Web 1 as "read" content and Web 2 as "read-write" content we can refer to web 3 + as a "read-write-execute" content. We want the machine to perform on it's own - the computer will act as if it is a + personal assistant. The web 3 is the web version which we are using now-days.
+ Lets comapre between Web 2 and Web 3 using the following table:
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 Web 2Web 3
CommunicationInteractiveEngaged
InformationDynamicPersonal
FocusCommunityIndividual
SearchingUsing keywordsUsing relevance
+

+

+

Can you give an exmaple to show us the differnces between the web versions?

+

Well, no - I am just a Pokemon... but ok, I will try my best.

+

+ Lets say you want to book an appointment to your hair dresser. In Web 1 you would only have the ability + to view whatever your hair dresser decided to put on his website. He will probably will put up his phone number + in the website and you will have to phone him in order to bool your appointment - bummers. Also, You'd have need + to know his websites URL. +

+

+ In Web 2, You could search "Hair dresser" and after a few site searches you'd find his website. After you'd go on his website you could view + his available meeting schedule and book an appointment yourself. +

+

+ In Web 3, you will just ask your phone to make an appoitment for your hair dresser in a time + that is convinet for you and your phone will do it and let you know if he had done it succefully or not - + How amazing is that?!. +

+
+
+
+
+ +
+
+
+
Contact Me
+
+ +
+
+ +
+ +
+ + +
+ + +
+ +
+ + + +
+
+ +
+
+
+
+ + + + + \ No newline at end of file diff --git a/rep_background.png b/rep_background.png new file mode 100644 index 0000000..cd12756 Binary files /dev/null and b/rep_background.png differ diff --git a/style.css b/style.css index f81ec5e..dfad637 100644 --- a/style.css +++ b/style.css @@ -2,6 +2,176 @@ { position: fixed; width: 100%; - height: 35px; + height: 0px; background: white; +} + + +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; + position: -webkit-sticky; /* Safari */ + position: sticky; + top: 0; +} + + +li { + float: left; + border-right: 1px solid #bbb; +} + li:last-child { + border-right: none; + } + + li a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + /* Change the link color to #111 (black) on hover */ + li a:hover { + background-color: #111; + } + +input[type=text], select { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid #555; +} + +input[type=email], select { + -webkit-transition: width 0.4s ease-in-out; + transition: width 0.4s ease-in-out; + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border-radius: 4px; + box-sizing: border-box; + border: 1px solid #555; +} + +input[type=submit] { + width: 100%; + background-color: #4CAF50; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + border-radius: 4px; + cursor: pointer; +} + input[type=submit]:hover { + background-color: #45a049; + } + +div { + border-radius: 5px; + background-color: #f2f2f2; + padding: 20px; +} + + div.gallery { + margin: 5px; + border: 1px solid #ccc; + float: left; + width: 180px; + } + + div.gallery:hover { + border: 1px solid #777; + } + + div.gallery img { + width: 100%; + height: auto; + } + + div.desc { + padding: 15px; + text-align: center; + } + +img { + border-radius: 25px; + #border: 3px solid black; +} + +h1{ + text-align: center; +} + +table.paleBlueRows { + font-family: "Times New Roman", Times, serif; + border: 2px solid #FFFFFF; + width: 350px; + height: 200px; + text-align: center; + border-collapse: collapse; +} + + table.paleBlueRows td, table.paleBlueRows th { + border: 1px solid #FFFFFF; + padding: 3px 2px; + } + + table.paleBlueRows tbody td { + font-size: 16px; + } + + table.paleBlueRows tr:nth-child(even) { + background: #D0E4F5; + } + + table.paleBlueRows thead { + background: #0B6FA4; + background: -moz-linear-gradient(top, #4893bb 0%, #237dad 66%, #0B6FA4 100%); + background: -webkit-linear-gradient(top, #4893bb 0%, #237dad 66%, #0B6FA4 100%); + background: linear-gradient(to bottom, #4893bb 0%, #237dad 66%, #0B6FA4 100%); + border-bottom: 5px solid #FFFFFF; + } + + table.paleBlueRows thead th { + font-size: 21px; + font-weight: bold; + color: #FFFFFF; + text-align: center; + border-left: 2px solid #FFFFFF; + } + + table.paleBlueRows thead th:first-child { + border-left: none; + } + + table.paleBlueRows tfoot td { + font-size: 23px; + text-shadow: 6px 8px 2px rgba(28,110,164,0.68); + } + +#titleH { + text-shadow: 6px 8px 2px rgba(28,110,164,0.68), 6px 8px 2px rgba(28,110,164,0.68), 6px 8px 2px rgba(28,110,164,0.68); + color: #333333; + background: #11D3CA; + font: bold 40px Comic Sans MS; + text-align: center; +} + +#alignH { + background: #D0E4F5; + text-align: center; +} + +#background_pikachu { + background: #D0E4F5 repeat scroll 0px 0px; } \ No newline at end of file