diff --git a/index.html b/index.html new file mode 100644 index 0000000..0383f05 --- /dev/null +++ b/index.html @@ -0,0 +1,76 @@ + + + + + A Pen by Hervin + + + + + + + +
+

CYF

+
+
+
+
+

Menu 1

+
+
+

Menu 2

+
+
+

Menu 3

+
+
+
+ +
+


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

+ + + click here to dowload a PDF of our recent work + +
+ +
+


News

+


Show / Hide news item

+ +
+
+ +
+


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..53b1ce6 --- /dev/null +++ b/program.js @@ -0,0 +1,63 @@ +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."); +} + + + + + +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(); + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..10b42df --- /dev/null +++ b/style.css @@ -0,0 +1,34 @@ +body{ + background-image: url("assets/background.png"); + background-size: 100% 100%; + color: white; +} + +.pink { + color: #9A0F0A; +} + +.yellow { + color:yellow; +} +.purple{ + color:purple; +} + +.primary-column { + background-color: black; + color: white; + width: 15%; +} + +.menu-border { + border-style: solid; + border-right:white; + border-bottom:white; +} + +.primary-content{ + display: flex; + flex-direction: row; + +}