From 31b597cc7b300b50faa8c9fdd5549a0f55e30f98 Mon Sep 17 00:00:00 2001 From: BSLegodi1 Date: Thu, 22 Jun 2017 21:06:11 +0100 Subject: [PATCH 1/2] added html on homework page --- index.html | 78 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..0dddd21 --- /dev/null +++ b/index.html @@ -0,0 +1,78 @@ + + + + + + + + + + + +

CYF

+ + + +

About CYF

+ +

What We Do

+ +

CYF is a fictitious company-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt + ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip + ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+ +

Our Focus

+ + + Click here to download a PDF of our recentwork + +

News

+ + Show/Hide news item + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis + aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+ +
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give + you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder + of human happiness."
+ +

More Information

+ +

For more information about our products and service, please contact us using the form below

+ +
+ Contact name*:
+ +
Contact Email address*:
+ +
Contact phone number:
+ +

+ + + + +
+ + + + + + + From 9f83834b88817d86550fe7a39a43f7a7d5177d3b Mon Sep 17 00:00:00 2001 From: BSLegodi1 Date: Fri, 7 Jul 2017 21:12:43 +0100 Subject: [PATCH 2/2] made webpage with javascript --- index.html | 98 +++++++++++++++++++++++++++--------------------------- style.css | 42 +++++++++++++++++++++++ 2 files changed, 91 insertions(+), 49 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index 0dddd21..87b911a 100644 --- a/index.html +++ b/index.html @@ -2,77 +2,77 @@ - + Web Developer Test + + +
+
+

CYF

+
- -

CYF

- - - -

About CYF

+ +

About CYF

-

What We Do

+

What We Do

-

CYF is a fictitious company-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt - ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip - ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla - pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

CYF is a fictitious company-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt + ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut + aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore + eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt + mollit anim id est laborum.

-

Our Focus

-
    -
  • Interactive
    • -
  • Mobile
    • -
  • Technology
    • +

    Our Focus

    +
      +
    • Interactive
      • +
    • Mobile
      • +
    • Technology
      • -
    +
- Click here to download a PDF of our recentwork +

Click here to download a PDF of our recentwork

-

News

+

News

- Show/Hide news item +

Show/Hide news item

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis - aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint - occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur + sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give - you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder - of human happiness."
+
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will + give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, + the master-builder of human happiness."
-

More Information

+

More Information

-

For more information about our products and service, please contact us using the form below

+

For more information about our products and service, please contact us using the form below

-
- Contact name*:
- -
Contact Email address*:
- -
Contact phone number:
- -

+ + Contact name*:
+ +
Contact Email address*:
+ +
Contact phone number:
+ +

- + -
- + +
- - - + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..9e4c0aa --- /dev/null +++ b/style.css @@ -0,0 +1,42 @@ +body { + color: white; + background-image: url("assets/background.png"); + background-size: 100% 100%; +} + +.heading { + color: gray; +} + +.about { + color: #9A0A35; +} + +.focus { + color: yellow; +} + +.Click { + color: yellow; +} + +.show { + color: #9A0A35; +} + +button { + background: linear-gradient(to bottom, #000000 0%, #434343 100%); + color: white; +} + +input { + width: 300px +} + +.shortname { + width: 150px +} + +.submit { + width: 60px +} \ No newline at end of file