From b3151302255ea1682b99419f5d477b40b606e86e Mon Sep 17 00:00:00 2001 From: Hervin Efrain Garcia Cardona Date: Thu, 22 Jun 2017 03:43:09 +0100 Subject: [PATCH 1/5] change something --- index.html | 30 ++++++++++++++++++++++++++++++ style.css | 22 ++++++++++++++++++++++ 2 files changed, 52 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..163a4f9 --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + A Pen by Hervin + + + + + + +
+
+

CYF

+
+
+ +
+
+
+

Menu 1

+
+
+

Menu 2

+
+
+

Menu 3

+
+
+
+ \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..2a3a1d7 --- /dev/null +++ b/style.css @@ -0,0 +1,22 @@ +.primary-column { + background-color: black; + color: white; + width: 10%; +} + +.secondary-column { + background-color: black; + color: white; + width: 10%; +} + +.third-column { + background-color: black; + color: white; + width: 10%; +} +.primary-content{ + display: flex; + flex-direction: row; + +} \ No newline at end of file From 1adc772c9ae645f9720a0a1d78cc62f0c7c08e1b Mon Sep 17 00:00:00 2001 From: Hervin Efrain Garcia Cardona Date: Thu, 22 Jun 2017 19:39:33 +0100 Subject: [PATCH 2/5] working on my homework --- index.html | 72 +++++++++++++++++++++++++++++++++++++++++++++--------- style.css | 31 ++++++++++++++--------- 2 files changed, 81 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 163a4f9..a4e3f8d 100644 --- a/index.html +++ b/index.html @@ -1,30 +1,80 @@ + + A Pen by Hervin - + -
-
-

CYF

-
+
+

CYF

- -
+
-
+

Menu 1

-
+

Menu 2

-
+

Menu 3

- \ No newline at end of file + +
+


About CYF

+
+ +
+


What We Do

+


CYF is a fictitious company-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum risus tellus, + molestie et lorem quis, ultricies placerat enim. Im hac habitasse platea distumst. In dictum orci nulla, sed + congue ligula tempus eget. Suspendisse eleifend elementum efficitur. CYF maximus metus nec maximus blandit. morbi + ultrices sem id nisl facilisis volutpat. Quisque eu lectus fringilla, egetas dolorvel, consequat nunc. fusce + vitae lacus mauris.

+ +

Our focus

+
    +
  • Interactive
    • +
  • Mobile
    • +
  • Technology
    • +
+ + click here to dowload a PDF of our recent work + +
+ +
+


News

+


Show / Hide news item

+


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum risus tellus, molestie et lorem quis, ultricies + placerat enim. In hac habitasse platea dictumst. Suspendisse eleifend elementum efficitur. Curabitur maximus + metus nec maximus blandit. +

+
+

"I Wanted to do something new and different. Sprite came to me with the idea. Lthought it was cool. Without the + fans, there's no players."

+
+
+ +
+


More Information

+


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

+


Items marked * are required fields

+ + + + + + + +
+ + + \ No newline at end of file diff --git a/style.css b/style.css index 2a3a1d7..609d030 100644 --- a/style.css +++ b/style.css @@ -1,22 +1,31 @@ -.primary-column { - background-color: black; +body{ + background-image: url("assets/background.png"); + background-size: 100% 100%; color: white; - width: 10%; } -.secondary-column { - background-color: black; - color: white; - width: 10%; +.pink { + color: #9A0F0A; +} + +.yellow { + color:yellow; } -.third-column { +.primary-column { background-color: black; color: white; - width: 10%; + width: 15%; +} + +.menu-border { + border-style: solid; + border-right:white; + border-bottom:white; } + .primary-content{ display: flex; flex-direction: row; - -} \ No newline at end of file + +} From 9dfdafc47d94f230ae00da8ea169d963482117eb Mon Sep 17 00:00:00 2001 From: Hervin Efrain Garcia Cardona Date: Mon, 26 Jun 2017 23:51:59 +0100 Subject: [PATCH 3/5] working in my pag --- index.html | 11 ++++++----- program.js | 30 ++++++++++++++++++++++++++++++ 2 files changed, 36 insertions(+), 5 deletions(-) create mode 100644 program.js diff --git a/index.html b/index.html index a4e3f8d..d897c18 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ + @@ -68,13 +69,13 @@


More Information


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


Items marked * are required fields

- + - + - - + +
- + \ No newline at end of file diff --git a/program.js b/program.js new file mode 100644 index 0000000..459f18c --- /dev/null +++ b/program.js @@ -0,0 +1,30 @@ +var buttons = document.querySelector("#submi"); +buttons.addEventListener('click', changesome); + +function changesome() { + var button1 = document.querySelector('#inputname'); + var button1value = button1.value; + if (button1value.length == 0) { + alert("please enter a Name"); + return + } + var button2 = document.querySelector('#inputEmail'); + var button2value = button2.value; + if (button2value.length == 0) { + alert("please enter a email"); + return + } + var emailaddres = document.querySelector('#inputEmail'); + if (emailaddres.value.indexOf('@') === -1) { + alert('Please write the @ sign to your email'); + return + } + + var button3 = document.querySelector('#inputPassword'); + var button3value = button3.value; + if (button3value.length !== 11) { + alert("please enter a valid Phone number"); + return + } +alert("Thank you for completing your information."); +} \ No newline at end of file From d43a32b796e7395ae961830a941569b965009420 Mon Sep 17 00:00:00 2001 From: Hervin Efrain Garcia Cardona Date: Mon, 26 Jun 2017 23:58:45 +0100 Subject: [PATCH 4/5] I am working on data validation --- index.html | 2 +- style.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index d897c18..cc6c06d 100644 --- a/index.html +++ b/index.html @@ -53,7 +53,7 @@

Our focus


News

-


Show / Hide news item

+


Show / Hide news item


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum risus tellus, molestie et lorem quis, ultricies placerat enim. In hac habitasse platea dictumst. Suspendisse eleifend elementum efficitur. Curabitur maximus metus nec maximus blandit. diff --git a/style.css b/style.css index 609d030..10b42df 100644 --- a/style.css +++ b/style.css @@ -11,6 +11,9 @@ body{ .yellow { color:yellow; } +.purple{ + color:purple; +} .primary-column { background-color: black; From 0d732bfa2b4e680667f19e73cce30795754e4fd6 Mon Sep 17 00:00:00 2001 From: Hervin Efrain Garcia Cardona Date: Thu, 29 Jun 2017 20:22:48 +0100 Subject: [PATCH 5/5] I am working in API i use AJAX --- index.html | 23 +++++++++-------------- program.js | 37 +++++++++++++++++++++++++++++++++++-- 2 files changed, 44 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index cc6c06d..0383f05 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + @@ -29,7 +29,7 @@

Menu 3

-


About CYF

+


About CYF

@@ -47,21 +47,15 @@

Our focus

  • Technology
    • - click here to dowload a PDF of our recent work + click here to dowload a PDF of our recent work


    News

    -


    Show / Hide news item

    -


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum risus tellus, molestie et lorem quis, ultricies - placerat enim. In hac habitasse platea dictumst. Suspendisse eleifend elementum efficitur. Curabitur maximus - metus nec maximus blandit. -

    -
    -

    "I Wanted to do something new and different. Sprite came to me with the idea. Lthought it was cool. Without the - fans, there's no players."

    -
    +


    Show / Hide news item

    + +
    @@ -69,13 +63,14 @@


    More Information


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


    Items marked * are required fields

    - + - +
    + \ No newline at end of file diff --git a/program.js b/program.js index 459f18c..53b1ce6 100644 --- a/program.js +++ b/program.js @@ -26,5 +26,38 @@ function changesome() { alert("please enter a valid Phone number"); return } -alert("Thank you for completing your information."); -} \ No newline at end of file + alert("Thank you for completing your information."); +} + + + + + +var request = new XMLHttpRequest(); //creating a request object + + + request.onreadystatechange = function () { + if (request.readyState === 4) { // check if a response was sent back + var box = document.querySelector('#anser'); + if (request.status === 200) { // check if request was successful + var news = JSON.parse(request.responseText); + var output = ''; + for(i =0; i < news.length; i++ ){ + output += '

    ' + news[i].title + '

    '; + output += '

    ' + news[i].summary + '

    '; + } + box.innerHTML = output; + } else { + box.innerHTML = 'An error occurred during your request: ' + request.status + ' ' + request.statusText; + } + } + } + var url = "https://private-e99507-kabaros.apiary-mock.com/news"; + //server location + // content we want to send + request.open("Get", url, true); // adding them to the request + + request.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //header info + request.send(); + +