├── styles ├── flights.css └── home.css ├── .vscode └── settings.json ├── Photos ├── Home │ ├── sun.png │ ├── mainphoto.jpg │ ├── mainphoto2.jpg │ ├── mainphoto3.jpg │ ├── karimbenzemahome.jpg │ ├── realmadridlozzz.jpg │ ├── anceloti-realmadrid.jpg │ ├── home-img-gareth-bale.jpg │ ├── realmadridandmallorca.jpg │ ├── realmadridvsfranfork.jpg │ ├── realmadrid-dalasplayer.jpg │ └── realmadridbenzemalosangeles.jpg ├── Team │ ├── ALABA_4.jpg │ ├── HAZARD_7.jpg │ ├── KROOS_8.jpg │ ├── LUNIN_13.jpg │ ├── MENDY_23.jpg │ ├── NACHO_6.jpg │ ├── VINI_20.jpg │ ├── ASENSIO_11.jpg │ ├── BENZEMA_9.jpg │ ├── CARVAJAL_2.jpg │ ├── CASEMIRO_14.jpg │ ├── CEBALLOS_19.jpg │ ├── COURTOIS_1.jpg │ ├── LUCAS_V_17.jpg │ ├── MARIANO_24.jpg │ ├── MILITAO_3.jpg │ ├── MODRIC_10.jpg │ ├── RODRYGO_21.jpg │ ├── RUDIGER_22.jpg │ ├── VALLEJO_5.jpg │ ├── VALVERDE_15.jpg │ ├── CAMAVINGA_25.jpg │ ├── TCHOUAMENI_18.jpg │ └── 01_ODRIOZOLA_12.jpg ├── Flights │ ├── airplain.gif │ ├── palasmaior.jpg │ ├── shuk-migel.jpg │ ├── airplainicon.jpg │ ├── musionmadrid.jpg │ ├── palacemadrid.jpg │ ├── parkboanrtiro.jpg │ ├── santiagobernabeu.gif │ └── santiagobernabeu.jpg ├── Investors │ ├── image1.png │ ├── image2.jpg │ ├── image3.png │ ├── image4.png │ ├── image5.png │ ├── image6.jpg │ ├── image7.png │ ├── image8.png │ ├── image9.png │ └── image10.png ├── contact │ └── realmadrid.jpg ├── about │ └── about-pic-self.jpeg └── Global-news │ └── loadinggif.gif ├── Javascript ├── about.js ├── contact.js ├── main.js ├── Investors.js ├── Global-news.js ├── Flights.js └── Team.js ├── Pages ├── Investors.html ├── Global-news.html ├── Flights.html ├── Team.html ├── about.html └── Contact.html └── index.html /styles/flights.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } 4 | -------------------------------------------------------------------------------- /Photos/Home/sun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/sun.png -------------------------------------------------------------------------------- /Photos/Team/ALABA_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/ALABA_4.jpg -------------------------------------------------------------------------------- /Photos/Team/HAZARD_7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/HAZARD_7.jpg -------------------------------------------------------------------------------- /Photos/Team/KROOS_8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/KROOS_8.jpg -------------------------------------------------------------------------------- /Photos/Team/LUNIN_13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/LUNIN_13.jpg -------------------------------------------------------------------------------- /Photos/Team/MENDY_23.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/MENDY_23.jpg -------------------------------------------------------------------------------- /Photos/Team/NACHO_6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/NACHO_6.jpg -------------------------------------------------------------------------------- /Photos/Team/VINI_20.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/VINI_20.jpg -------------------------------------------------------------------------------- /Photos/Flights/airplain.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/airplain.gif -------------------------------------------------------------------------------- /Photos/Home/mainphoto.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/mainphoto.jpg -------------------------------------------------------------------------------- /Photos/Home/mainphoto2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/mainphoto2.jpg -------------------------------------------------------------------------------- /Photos/Home/mainphoto3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/mainphoto3.jpg -------------------------------------------------------------------------------- /Photos/Investors/image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image1.png -------------------------------------------------------------------------------- /Photos/Investors/image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image2.jpg -------------------------------------------------------------------------------- /Photos/Investors/image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image3.png -------------------------------------------------------------------------------- /Photos/Investors/image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image4.png -------------------------------------------------------------------------------- /Photos/Investors/image5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image5.png -------------------------------------------------------------------------------- /Photos/Investors/image6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image6.jpg -------------------------------------------------------------------------------- /Photos/Investors/image7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image7.png -------------------------------------------------------------------------------- /Photos/Investors/image8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image8.png -------------------------------------------------------------------------------- /Photos/Investors/image9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image9.png -------------------------------------------------------------------------------- /Photos/Team/ASENSIO_11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/ASENSIO_11.jpg -------------------------------------------------------------------------------- /Photos/Team/BENZEMA_9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/BENZEMA_9.jpg -------------------------------------------------------------------------------- /Photos/Team/CARVAJAL_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/CARVAJAL_2.jpg -------------------------------------------------------------------------------- /Photos/Team/CASEMIRO_14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/CASEMIRO_14.jpg -------------------------------------------------------------------------------- /Photos/Team/CEBALLOS_19.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/CEBALLOS_19.jpg -------------------------------------------------------------------------------- /Photos/Team/COURTOIS_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/COURTOIS_1.jpg -------------------------------------------------------------------------------- /Photos/Team/LUCAS_V_17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/LUCAS_V_17.jpg -------------------------------------------------------------------------------- /Photos/Team/MARIANO_24.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/MARIANO_24.jpg -------------------------------------------------------------------------------- /Photos/Team/MILITAO_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/MILITAO_3.jpg -------------------------------------------------------------------------------- /Photos/Team/MODRIC_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/MODRIC_10.jpg -------------------------------------------------------------------------------- /Photos/Team/RODRYGO_21.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/RODRYGO_21.jpg -------------------------------------------------------------------------------- /Photos/Team/RUDIGER_22.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/RUDIGER_22.jpg -------------------------------------------------------------------------------- /Photos/Team/VALLEJO_5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/VALLEJO_5.jpg -------------------------------------------------------------------------------- /Photos/Team/VALVERDE_15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/VALVERDE_15.jpg -------------------------------------------------------------------------------- /Photos/Flights/palasmaior.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/palasmaior.jpg -------------------------------------------------------------------------------- /Photos/Flights/shuk-migel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/shuk-migel.jpg -------------------------------------------------------------------------------- /Photos/Investors/image10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Investors/image10.png -------------------------------------------------------------------------------- /Photos/Team/CAMAVINGA_25.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/CAMAVINGA_25.jpg -------------------------------------------------------------------------------- /Photos/Team/TCHOUAMENI_18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/TCHOUAMENI_18.jpg -------------------------------------------------------------------------------- /Photos/contact/realmadrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/contact/realmadrid.jpg -------------------------------------------------------------------------------- /Photos/Flights/airplainicon.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/airplainicon.jpg -------------------------------------------------------------------------------- /Photos/Flights/musionmadrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/musionmadrid.jpg -------------------------------------------------------------------------------- /Photos/Flights/palacemadrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/palacemadrid.jpg -------------------------------------------------------------------------------- /Photos/Flights/parkboanrtiro.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/parkboanrtiro.jpg -------------------------------------------------------------------------------- /Photos/Home/karimbenzemahome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/karimbenzemahome.jpg -------------------------------------------------------------------------------- /Photos/Home/realmadridlozzz.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/realmadridlozzz.jpg -------------------------------------------------------------------------------- /Photos/Team/01_ODRIOZOLA_12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Team/01_ODRIOZOLA_12.jpg -------------------------------------------------------------------------------- /Photos/about/about-pic-self.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/about/about-pic-self.jpeg -------------------------------------------------------------------------------- /Photos/Global-news/loadinggif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Global-news/loadinggif.gif -------------------------------------------------------------------------------- /Photos/Flights/santiagobernabeu.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/santiagobernabeu.gif -------------------------------------------------------------------------------- /Photos/Flights/santiagobernabeu.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Flights/santiagobernabeu.jpg -------------------------------------------------------------------------------- /Photos/Home/anceloti-realmadrid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/anceloti-realmadrid.jpg -------------------------------------------------------------------------------- /Photos/Home/home-img-gareth-bale.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/home-img-gareth-bale.jpg -------------------------------------------------------------------------------- /Photos/Home/realmadridandmallorca.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/realmadridandmallorca.jpg -------------------------------------------------------------------------------- /Photos/Home/realmadridvsfranfork.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/realmadridvsfranfork.jpg -------------------------------------------------------------------------------- /Photos/Home/realmadrid-dalasplayer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/realmadrid-dalasplayer.jpg -------------------------------------------------------------------------------- /styles/home.css: -------------------------------------------------------------------------------- 1 | #div_KB9{ 2 | background-image: url(../Photos/Home/karimbenzemahome.jpg); 3 | background-size: 100% 100%; 4 | } 5 | -------------------------------------------------------------------------------- /Photos/Home/realmadridbenzemalosangeles.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Dawitlior/JS-madrid-app/HEAD/Photos/Home/realmadridbenzemalosangeles.jpg -------------------------------------------------------------------------------- /Javascript/about.js: -------------------------------------------------------------------------------- 1 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 2 | let some1; 3 | let sun_img1 = ``; 4 | async function getApiWetherAbout() { 5 | try { 6 | document.getElementById( 7 | "aboutWeather1" 8 | ).innerHTML = ``; 9 | return await fetch( 10 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.427416712151015}&lon=${-3.7042448033147037}&appid=${API_KEY}` 11 | ) 12 | .then((res) => res.json()); 13 | 14 | } catch (err) { 15 | console.log(err); 16 | } finally { 17 | document.getElementById("aboutWeather1").innerHTML = ""; 18 | } 19 | } 20 | getApiWetherAbout(); 21 | 22 | function postApiWetherAbout(){ 23 | getApiWetherAbout().then((item) => { 24 | for (const res in item) { 25 | some1 = Math.floor(item[res]["feels_like"] / 9); 26 | // console.log(`${some}°C`); 27 | switch (some1) { 28 | case some1: 29 | document.getElementById( 30 | "aboutWeather" 31 | ).innerHTML += `${some1}°C ${sun_img1}`; 32 | break; 33 | default: 34 | break; 35 | } 36 | } 37 | }); 38 | } 39 | postApiWetherAbout(); 40 | -------------------------------------------------------------------------------- /Javascript/contact.js: -------------------------------------------------------------------------------- 1 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 2 | let temp1; 3 | let sun_img01 = ``; 4 | async function getApiWetherContact() { 5 | 6 | try { 7 | document.getElementById( 8 | "contactGif" 9 | ).innerHTML = ``; 10 | return await fetch( 11 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.427416712151015}&lon=${-3.7042448033147037}&appid=${API_KEY}` 12 | ).then((res) => res.json()); 13 | } catch (err) { 14 | 15 | console.log(err); 16 | } finally { 17 | document.getElementById("contactGif").innerHTML = ""; 18 | } 19 | } 20 | getApiWetherContact(); 21 | 22 | function postApiWetherContact() { 23 | getApiWetherContact().then((item) => { 24 | for (const res in item) { 25 | temp1 = Math.floor(item[res]["feels_like"] / 9); 26 | // console.log(`${some}°C`); 27 | switch (temp1) { 28 | case temp1: 29 | document.getElementById( 30 | "contactTemp" 31 | ).innerHTML += `${temp1}°C ${sun_img01}`; 32 | break; 33 | default: 34 | break; 35 | } 36 | } 37 | }); 38 | } 39 | postApiWetherContact(); 40 | -------------------------------------------------------------------------------- /Javascript/main.js: -------------------------------------------------------------------------------- 1 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 2 | let some ; 3 | let sun_img= `` 4 | const myTimer = document.getElementById("timerDiv"); 5 | const countDownDate = new Date("December 18, 2022 15:00:00").getTime(); 6 | async function getApiWether(){ 7 | try{ 8 | document.getElementById( 9 | "firstWeather" 10 | ).innerHTML = ``; 11 | return await fetch( 12 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.416775}&lon=${-3.703790}&appid=${API_KEY}` 13 | ) 14 | .then((res) => res.json()) 15 | } 16 | catch(err){ 17 | console.log(err); 18 | } 19 | finally{ 20 | document.getElementById("firstWeather").innerHTML = "" 21 | } 22 | } 23 | getApiWether(); 24 | 25 | function postApiWether(){ 26 | getApiWether().then((item) => { 27 | for (const res in item) { 28 | some = Math.floor(item[res]["feels_like"] / 9); 29 | // console.log(`${some}°C`); 30 | switch (some) { 31 | case some: 32 | document.getElementById("weather").innerHTML += `${some}°C ${sun_img}`; 33 | break; 34 | default: 35 | break; 36 | } 37 | } 38 | }); 39 | } 40 | postApiWether(); 41 | 42 | const timer = setInterval(function () { 43 | let nowDate = new Date().getTime(); 44 | let timeRemeins = countDownDate - nowDate; 45 | let days = Math.floor(timeRemeins / (1000 * 100 * 100 * 600)); 46 | let hours = Math.floor((timeRemeins % (600 * 60 * 60 * 24)) / (1000 * 60 * 60)); 47 | let minutes = Math.floor((timeRemeins % (1000 * 60 * 60)) / (1000 * 60)); 48 | let seconds = Math.floor((timeRemeins % (1000 * 60)) / 1000); 49 | 50 | myTimer.innerHTML = `
51 |

Next Match: Days: ${days}| Hrs: ${hours}| Min: ${minutes}| Sec:${seconds}

52 |
`; 53 | 54 | if (timeRemeins < 0) { 55 | clearInterval(timer); 56 | document.getElementById("myTimer").innerHTML = "EXPIRED"; 57 | } 58 | }, 1000); 59 | 60 | // const API_KEY = "123cedf472ea7d740a81046892916adb"; 61 | // let some; 62 | // async function getApi() { 63 | // try { 64 | // return await fetch( 65 | // `https://api.openweathermap.org/data/2.5/weather?lat=${-76.577862}&lon=${17.38338}&appid=${API_KEY}` 66 | // ) 67 | // .then((res) => res.json()) 68 | // .then((item) => { 69 | // for (const res in item) { 70 | // some = Math.floor(item[res]["feels_like"] / 10); 71 | // document.getElementById("weather").innerHTML += `${some}°C`; 72 | // } 73 | // }); 74 | // } catch (err) { 75 | // console.log(err); 76 | // } finally { 77 | // } 78 | // } 79 | // getApi(); -------------------------------------------------------------------------------- /Javascript/Investors.js: -------------------------------------------------------------------------------- 1 | // import getApi from "./main"; 2 | // console.log(getApi()); 3 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 4 | let temp; 5 | let sun_img0 = ``; 6 | const iconsArray = [ 7 | "../Photos/Investors/image3.png", 8 | "../Photos/Investors/image4.png", 9 | "../Photos/Investors/image3.png", 10 | "../Photos/Investors/image4.png", 11 | "../Photos/Investors/image5.png", 12 | "../Photos/Investors/image7.png", 13 | "../Photos/Investors/image7.png", 14 | "../Photos/Investors/image8.png", 15 | "../Photos/Investors/image9.png", 16 | "../Photos/Investors/image10.png", 17 | ]; 18 | let counter = 0; 19 | 20 | async function getApiInvestors(){ 21 | loadingGif.innerHTML ="
"; 22 | try{ 23 | return await fetch("https://my-json-server.typicode.com/Jeck99/fake-server/users") 24 | .then((res) => res.json()) 25 | } 26 | catch(err){ 27 | console.log(err); 28 | } 29 | finally{ 30 | loadingGif.innerHTML = "" 31 | } 32 | } 33 | getApiInvestors(); 34 | 35 | function postApiInvestors() { 36 | getApiInvestors().then((item) => { 37 | item.forEach((element) => { 38 | investorsDiv.innerHTML += `
39 | 41 |
42 |

${element.name.first}

43 |

${element.name.last}

44 |

${element.age}

45 |

${element.phone}

46 |

${element.email}

47 |

${element._id}

48 |
49 | `; 50 | }); 51 | }); 52 | } 53 | postApiInvestors(); 54 | 55 | 56 | async function getApiWetherInvestors() { 57 | try { 58 | document.getElementById( 59 | "invesGif" 60 | ).innerHTML = ``; 61 | return await fetch( 62 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.427416712151015}&lon=${-3.7042448033147037}&appid=${API_KEY}` 63 | ) 64 | .then((res) => res.json()) 65 | 66 | } catch (err) { 67 | console.log(err); 68 | } finally { 69 | document.getElementById("invesGif").innerHTML = ""; 70 | } 71 | } 72 | getApiWetherInvestors(); 73 | 74 | 75 | function postApiWetherInvestors(){ 76 | getApiWetherInvestors().then((item) => { 77 | for (const res in item) { 78 | temp = Math.floor(item[res]["feels_like"] / 9); 79 | // console.log(`${some}°C`); 80 | switch (temp) { 81 | case temp: 82 | document.getElementById( 83 | "tempPic" 84 | ).innerHTML += `${temp}°C ${sun_img0}`; 85 | break; 86 | default: 87 | break; 88 | } 89 | } 90 | }); 91 | } 92 | postApiWetherInvestors(); 93 | -------------------------------------------------------------------------------- /Javascript/Global-news.js: -------------------------------------------------------------------------------- 1 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 2 | let some; 3 | let sun_img = ``; 4 | let myDiv = document.getElementById("cardDiv"); 5 | 6 | async function getNewsApi() { 7 | const options = { 8 | method: "GET", 9 | headers: { 10 | "X-RapidAPI-Key": "f52cf79f95msh20f9ffa63e08f50p166bfdjsn244619f593a9", 11 | "X-RapidAPI-Host": "free-football-soccer-videos.p.rapidapi.com", 12 | }, 13 | }; 14 | try { 15 | waitingGif.innerHTML = 16 | "
"; 17 | return await fetch( 18 | "https://free-football-soccer-videos.p.rapidapi.com/", 19 | options 20 | ).then((response) => response.json()); 21 | } catch (err) { 22 | console.log(err); 23 | } finally { 24 | waitingGif.innerHTML = ""; 25 | } 26 | } 27 | getNewsApi(); 28 | 29 | function postNewsApi() { 30 | getNewsApi().then((response) => { 31 | for (let i = 0; i < 80; i++) { 32 | myDiv.innerHTML += `
33 | ${response[i]["videos"][0]["embed"]} 34 |
${response[i]["title"]}
35 |
36 |

37 | All the hottest football news in the world on our app 38 |

39 |
40 |
41 | `; 42 | } 43 | }); 44 | } 45 | postNewsApi(); 46 | 47 | async function getApiNewsWether() { 48 | try { 49 | return await fetch( 50 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.427416712151015}&lon=${-3.7042448033147037}&appid=${API_KEY}` 51 | ).then((res) => res.json()); 52 | } catch (err) { 53 | console.log(err); 54 | } finally { 55 | } 56 | } 57 | getApiNewsWether(); 58 | 59 | function postApiNewsWether() { 60 | getApiNewsWether().then((item) => { 61 | for (const res in item) { 62 | some = Math.floor(item[res]["feels_like"] / 9); 63 | // console.log(`${some}°C`); 64 | switch (some) { 65 | case some: 66 | document.getElementById( 67 | "weather1" 68 | ).innerHTML += `${some}°C ${sun_img}`; 69 | break; 70 | default: 71 | break; 72 | } 73 | } 74 | }); 75 | } 76 | postApiNewsWether(); 77 | 78 | // let myDiv = document.getElementById("cardDiv"); 79 | 80 | // const options = { 81 | // method: "GET", 82 | // headers: { 83 | // "X-RapidAPI-Key": "f52cf79f95msh20f9ffa63e08f50p166bfdjsn244619f593a9", 84 | // "X-RapidAPI-Host": "free-football-soccer-videos.p.rapidapi.com", 85 | // }, 86 | // }; 87 | 88 | // fetch("https://free-football-soccer-videos.p.rapidapi.com/", options) 89 | // .then((response) => response.json()) 90 | // .then((response) => { 91 | // for (let i = 0; i < 30; i++) { 92 | // myDiv.innerHTML += `
93 | // ${response[i]["videos"][0]["embed"]} 94 | //
${response[i]["title"]}
95 | //
96 | //

97 | // Y'all can find all the hot football news and videos 98 | //

99 | // Press Me 100 | //
101 | //
102 | 103 | // `; 104 | // } 105 | // }) 106 | // .catch((err) => console.error(err)); 107 | -------------------------------------------------------------------------------- /Pages/Investors.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Investors 8 | 9 | 10 | 11 | 12 | 13 | 14 | 48 | 49 |
50 |
51 |
52 |
53 | 54 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /Pages/Global-news.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Global-news 8 | 9 | 10 | 11 | 12 | 13 | 14 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |
53 |
54 | 55 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /Pages/Flights.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Flights 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 49 |
50 | 51 |
52 | 53 |
54 | 55 |
56 |
57 | 58 |
59 |
60 | 61 | 62 |
63 |
64 |

Departures

65 | 66 |
67 | 68 |
69 |
70 | 71 |
72 | 73 | 152 | 153 | 154 | 155 | -------------------------------------------------------------------------------- /Pages/Team.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Team 8 | 14 | 15 | 16 | 17 | 18 | 19 | 62 | 63 |
64 |
68 | 69 | 80 |
81 | 82 | 178 | 179 | 180 | 181 | 182 | -------------------------------------------------------------------------------- /Pages/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | About 8 | 14 | 15 | 16 | 17 | 18 | 19 | 62 | 63 |

About Us

64 |
65 |

66 | Welcome to the home site of Real Madrid. A site where you can keep up to 67 | date with all the news in the team, all the changes in the squad, watch 68 | summaries of all the leagues in the world. Whether you are in Madrid or 69 | wondering whether to come and what to do before or after a game, you can 70 | view the most popular places in the city of Madrid on our website, You 71 | will know what the weather is to watch in the newest summaries and 72 | more.. 73 |
74 |

75 |
76 | 77 |
78 |
79 |
80 | 85 |
86 |
87 |

About me

88 |

89 | hello im lior dawit 25 years old full-stack developer learning at " 90 | Tech career" Having a very high motivation for success, one of my 91 | big ambitions is to develop a product that will help people and be 92 | valuable. 93 |

94 |
95 |
96 |
97 | 98 | 194 | 195 | 196 | 197 | 198 | -------------------------------------------------------------------------------- /Pages/Contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Contact 8 | 14 | 15 | 16 | 17 | 18 | 19 | 62 | 63 |
67 |

Contact

68 |

69 | Email us with any questions or inquiries or call 0542653154. 70 |
71 | I would be happy to answer your question and feedback. 72 |

73 | 74 |
75 |
76 |
77 | 78 | 85 |
86 |
87 | 88 | 95 |
96 |
97 | 98 |
99 |
100 | 101 | 108 |
109 |
110 | 111 |
112 |
113 | 114 | 121 |
122 |
123 | 124 |
125 |
126 | 127 | 136 |
137 | 138 |
139 |
140 | 143 |
144 |
145 |
146 |
147 |
148 | 149 | 245 | 246 | 247 | 248 | -------------------------------------------------------------------------------- /Javascript/Flights.js: -------------------------------------------------------------------------------- 1 | // let myArray; 2 | 3 | 4 | // const options = { 5 | // method: "GET", 6 | // headers: { 7 | // "X-RapidAPI-Key": "f52cf79f95msh20f9ffa63e08f50p166bfdjsn244619f593a9", 8 | // "X-RapidAPI-Host": "madrid-barajas-airport-flights.p.rapidapi.com", 9 | // }, 10 | // }; 11 | 12 | // fetch("https://madrid-barajas-airport-flights.p.rapidapi.com/MAD/departures",options) 13 | // .then((response) => response.json()) 14 | // .then((item)=>console.log(item)) 15 | // .catch((err) => console.error(err)); 16 | 17 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 18 | let some11; 19 | let sun_img11 = ``; 20 | 21 | 22 | async function getFlightsApi(){ 23 | 24 | const options = { 25 | method: "GET", 26 | headers: { 27 | "X-RapidAPI-Key": "f52cf79f95msh20f9ffa63e08f50p166bfdjsn244619f593a9", 28 | "X-RapidAPI-Host": "madrid-barajas-airport-flights.p.rapidapi.com", 29 | }, 30 | }; 31 | try{ 32 | flightDiv.innerHTML = 33 | ""; 34 | return await fetch("https://madrid-barajas-airport-flights.p.rapidapi.com/MAD/departures",options) 35 | .then((res) => res.json()); 36 | } 37 | catch(err){ 38 | console.log(err); 39 | } 40 | finally{ 41 | flightDiv.innerHTML = ""; 42 | } 43 | } 44 | getFlightsApi(); 45 | 46 | function postFlightsApi(){ 47 | getFlightsApi().then((item) => { 48 | for (let i = 0; i < 35; i++) { 49 | console.log(item[i]); 50 | flights.innerHTML += ` 51 |
52 |
53 | 54 |
55 |
From : ${item[i].origin}
56 |
To : ${item[i].destiny}
57 |
company-name : ${item[i].companyName}
58 |
Date : ${item[i].date}
59 |
Terminal : ${item[i].terminal}
60 |
Acronym : ${item[i].acronym}
61 |
Time : ${item[i].estimadedhour}
62 |
`; 63 | } 64 | }); 65 | 66 | } 67 | postFlightsApi(); 68 | 69 | 70 | async function getApiWetherFlights() { 71 | try { 72 | document.getElementById( 73 | "flightsGif" 74 | ).innerHTML = ``; 75 | return await fetch( 76 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.427416712151015}&lon=${-3.7042448033147037}&appid=${API_KEY}` 77 | ) 78 | .then((res) => res.json()); 79 | 80 | } catch (err) { 81 | console.log(err); 82 | } finally { 83 | document.getElementById("flightsGif").innerHTML = ""; 84 | } 85 | } 86 | getApiWetherFlights(); 87 | 88 | function postApiWetherFlights(){ 89 | getApiWetherFlights().then((item) => { 90 | for (const res in item) { 91 | some11 = Math.floor(item[res]["feels_like"] / 9); 92 | // console.log(`${some}°C`); 93 | switch (some11) { 94 | case some11: 95 | document.getElementById( 96 | "flightsTemp" 97 | ).innerHTML += `${some11}°C ${sun_img11}`; 98 | break; 99 | default: 100 | break; 101 | } 102 | } 103 | }); 104 | } 105 | postApiWetherFlights() 106 | 107 | 108 | function postPopularSites(){ 109 | let sitesDiv = document.getElementById("sitesDiv"); 110 | return (sitesDiv.innerHTML = ` 111 | 112 |
113 | 114 |
115 |
116 |

117 | Prado Museum 118 |

119 |

120 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 121 | The museum has one of the largest collections of European art, 122 | from the 14th century to the beginning of the 19th century. 123 |

124 |
125 | 126 | 129 | 130 |
131 |
132 | 133 |
134 | 135 |
136 |
137 |

138 | The Royal Palace 139 |

140 |

141 | The Royal Palace of Madrid is the official seat of the Royal Family of Spain in the capital city of Madrid, 142 | but it is now used mainly for national ceremonies. 143 | King Felipe VI of Spain and his family chose to live in a more modest palace in the suburbs of Madrid, 144 | the Palace of Zarzuela. The palace is owned by the state, 145 | and is managed by a public agency of the Office of the President. 146 | It is located on Calle Belen, west of the main business center of Madrid, 147 | east of the Manzanares River. Several rooms in the palace are regularly open to the public, 148 | except during government activities. 149 |

150 |
151 | 152 | 155 | 156 |
157 |
158 | 159 |
160 | 161 |
162 |
163 |

164 | San Miguel food market 165 |

166 |

167 | The San Miguel food market (Mercado de San Miguel) is an indoor market of traditional food located in the heart of Madrid near the Plaza Mayor. 168 | The market was built at the beginning of the 20th century and was recently renovated for 6 years and reopened in 2009. 169 | The structure definitely stands out in the landscape, and this is because, 170 | unlike the other concrete buildings, the contemporary market structure is mostly made of iron and glass. 171 | This is one of the city's most important tourist sites, 172 | but alongside the crowds of tourists you will also notice quite a few locals, 173 | which is also what makes this market so authentic and a site not to be missed. 174 | 175 |

176 |
177 | 178 | 181 | 182 |
183 |
184 | 185 |
186 | 187 |
188 |
189 |

190 | Plaza Mayor 191 |

192 |

193 | Plaza Mayor is a central square in Madrid, the capital of Spain. 194 | The shape of the square is rectangular, 129 meters long and 94 meters wide. 195 | The square is surrounded by three-story residential buildings, including 237 balconies overlooking the square. 196 | The square has nine entrances and is located close to another central square, the Puerta del Sol. 197 | The square is relatively quiet during the week, and crowded on the weekends. 198 |

199 |
200 | 201 | 204 | 205 |
206 |
207 | 208 |
209 | 210 |
211 |
212 |

213 | Buen Retiro Park 214 |

215 |

216 | Buen Retiro Park is the central and important park of Madrid, the capital of Spain. 217 | The park covers an area of 1.4 square kilometers and is close to the Alcala Gate and the Prado Museum. 218 | The park contains, among other things, many statues, monuments and a lake, 219 | and is considered one of the most popular places in the city. 220 |

221 |
222 | 223 | 226 | 227 |
228 |
229 | 230 |
231 | 232 |
233 |
234 |

235 | Santiago Bernabéu Stadium 236 |

237 |

238 | The Santiago Bernabéu Stadium is a football stadium in Madrid, 239 | which has been used since 1947 as the home ground of the Real Madrid football team. 240 | The current capacity of the stadium is 81,044 seats, and it is the second largest stadium in Spain, 241 | and the eighth largest in Europe as a whole. 242 | Santiago Bernabeu is one of the most famous and prestigious football stadiums in the world, 243 | which hosted the Champions League final four times, in 1957, 1969, 1980 and 2010. 244 | The finals of Euro 1964 and the World Cup 1982 were also held at the Bernabeu, 245 | making it the first stadium in Europe to host both the European Championship final and the World Cup final. In an unusual way, 246 | the stadium hosted the final of the 2018 Copa Libertadores, 247 | the only time in history that the Argentine Super Clasico took place as part of the final of a continental tournament. 248 | Also, the Bernabeu has hosted the Copa del Rey final 35 times, more than any other stadium in Spain. 249 |

250 |
251 | 252 | 255 | 256 |
257 |
258 | `); 259 | } 260 | postPopularSites() 261 | 262 | // async function getFunction(){ 263 | 264 | // try{ 265 | // return await fetch("https://madrid-barajas-airport-flights.p.rapidapi.com/MAD/departures") 266 | // .then((res) => res.json()) 267 | // .then((item) => { 268 | 269 | // }); 270 | // } 271 | // catch(err){ 272 | // console.log(err); 273 | // } 274 | // finally{ 275 | 276 | // } 277 | 278 | // } 279 | // getFunction() 280 | 281 | // acronym: "IBE"; 282 | // airplaneType: "A332"; 283 | // companyName: "Iberia"; 284 | // date: "30/07/2022"; 285 | // destiny: "LIMA"; 286 | // estimadedDate: "30/07/2022"; 287 | // estimadedhour: "14:06:00"; 288 | // firstDoor: "S41"; 289 | // flightNumber: "6659"; 290 | // origin: "MAD"; 291 | // programedHour: "13:35:00"; 292 | // secondDoor: "S42"; 293 | // state: "BOARDING"; 294 | // terminal: "T4S"; 295 | 296 | 297 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Real Madrid 8 | 14 | 17 | 18 | 19 | 20 | 59 | 60 |
61 | Wild Landscape 66 |
67 | 68 |
69 |

Madrid news:

70 | 71 |
72 |
73 | 78 |
79 |
80 |

81 | Ancelotti: "No acquisition needed" 82 |

83 |

84 | Carlo Anlotti is convinced of the existing squad and believes that 85 | they will be able to surpass themselves this season as well. And 86 | remember that this season the World Cup is in the winter 87 |

88 |
89 | 92 | 95 | 96 |
97 |
98 | 99 |
100 |

A meeting stars

101 |

102 | During training in preparation for the upcoming season, the Real 103 | players received a surprise visit while there were in LA 104 |

105 |
106 | 109 | 112 | 113 |
114 |
115 |
116 | 121 |
122 | 123 |
124 | 129 |
130 |
131 |

Brazilian scent

132 |

133 | Tobias impressed Ancelotti very much on the computer against the 134 | Mexican team and is considering bringing him up to the seniors 135 |

136 |
137 | 140 | 143 | 144 |
145 |
146 | 147 |
148 |

149 | We are going to go with all our desire for the European Super Cup 150 |

151 |

152 | "The DNA of this club always appears in important matches," he told 153 | the official UEFA media. 154 |

155 |
156 | 159 | 162 | 163 |
164 |
165 |
166 | 171 |
172 |
173 |
174 | 175 |
176 |
177 |
178 |

Halla Madrid

179 |
180 | 181 |
182 | ... 187 |
188 |

189 | Some quick example text to build on the card title and make up the 190 | bulk of the card's content. Some quick example text to build on 191 | the card title and make up the bulk of the card's content. 192 |

193 |
194 |
195 | 196 |
197 | ... 202 |
203 |

204 | Some quick example text to build on the card title and make up the 205 | bulk of the card's content.Some quick example text to build on the 206 | card title and make up the bulk of the card's content. 207 |

208 |
209 |
210 | 211 |
212 | ... 217 |
218 |

219 | Some quick example text to build on the card title and make up the 220 | bulk of the card's content.Some quick example text to build on the 221 | card title and make up the bulk of the card's content. 222 |

223 |
224 |
225 |
226 |
227 | 228 |
229 | 230 |
231 | 236 |
237 | 238 |
239 |
240 |
241 |
242 |
243 |
244 | 245 |
246 |
247 |
248 |
249 |
250 | 251 |
252 |
253 |
254 |
255 |
256 |
257 | 258 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | -------------------------------------------------------------------------------- /Javascript/Team.js: -------------------------------------------------------------------------------- 1 | const API_KEY = "123cedf472ea7d740a81046892916adb"; 2 | let temp2; 3 | let sun_img011 = ``; 4 | const MY_API = "https://my-json-server.typicode.com/Dawitlior/my-json/hotels"; 5 | 6 | class Statistic { 7 | constructor(wins, losses, ties, gamesPlayed, points) { 8 | this.wins = wins; 9 | this.losses = losses; 10 | this.ties = ties; 11 | this.gamesPlayed = gamesPlayed; 12 | this.points = points; 13 | } 14 | } 15 | const show = new Statistic(); 16 | 17 | async function getFunction() { 18 | try { 19 | return await fetch( 20 | "https://api-football-standings.azharimm.site/leagues/esp.1/standings?season=2021&sort=asc" 21 | ).then((res) => res.json()); 22 | } catch (err) { 23 | console.log(err); 24 | } finally { 25 | } 26 | } 27 | getFunction(); 28 | 29 | // function displayTwenty() { 30 | // const ArrayOptions = Array.from(document.getElementsByClassName('objTwnty')) 31 | // const optionA = document.getElementById("optionTwenty"); 32 | // console.log(ArrayOptions); 33 | // getFunction().then((item) => { 34 | // // for (let key in item) { 35 | // // console.log(item[key]["standings"]); 36 | // // // show.wins = ; 37 | // // } 38 | // for(let i = 0 ; i<1 ; i++){ 39 | // let myStateDiv = document.getElementById("statsDiv"); 40 | // myStateDiv.innerHTML=item["data"]["standings"]["0"]["stats"]["12"]; 41 | // switch (ArrayOptions) { 42 | // case optionA: 43 | // displayTwenty() 44 | // break; 45 | 46 | // default: 47 | // break; 48 | // } 49 | 50 | // } 51 | // }) 52 | // } 53 | 54 | async function getApiWetherTeam() { 55 | try { 56 | document.getElementById( 57 | "TeamGif1" 58 | ).innerHTML = ``; 59 | return await fetch( 60 | `https://api.openweathermap.org/data/2.5/weather?lat=${40.427416712151015}&lon=${-3.7042448033147037}&appid=${API_KEY}` 61 | ).then((res) => res.json()); 62 | } catch (err) { 63 | console.log(err); 64 | } finally { 65 | document.getElementById("TeamGif1").innerHTML = ""; 66 | } 67 | } 68 | getApiWetherTeam(); 69 | 70 | function postApiWetherTeam() { 71 | getApiWetherTeam().then((item) => { 72 | for (const res in item) { 73 | temp2 = Math.floor(item[res]["feels_like"] / 9); 74 | // console.log(`${some}°C`); 75 | switch (temp2) { 76 | case temp2: 77 | document.getElementById( 78 | "TeamTemp1" 79 | ).innerHTML += `${temp2}°C ${sun_img011}`; 80 | break; 81 | default: 82 | break; 83 | } 84 | } 85 | }); 86 | } 87 | postApiWetherTeam(); 88 | 89 | function printAllPlayersDetails() { 90 | let myMainDiv = document.getElementById("teamDiv"); 91 | return (myMainDiv.innerHTML = ` 92 | 93 |
94 | 95 |
96 |
97 |

98 | COURTOIS 1 99 |

100 |

101 | Thibaut Nicolas Marc Courtois (born 11 May 1992) is a Belgian professional 102 | footballer who plays as a goalkeeper for Spanish club Real Madrid 103 | and the Belgium national team. 104 | He is considered one of the best goalkeepers in world football. 105 |

106 |
107 | 108 |
109 | 110 |
111 |
112 |

113 | CARVAJAL 2 114 |

115 |

116 | Daniel "Dani" Carvajal Ramos (born 11 January 1992) 117 | is a Spanish professional footballer who plays 118 | as a right back for Real Madrid and the Spain national team. 119 |

120 |
121 | 122 |
123 | 124 |
125 |
126 |

127 | E.MILITÃO 3 128 |

129 |

130 | Éder Gabriel Militão (born 18 January 1998) 131 | is a Brazilian professional footballer who plays for the Spanish 132 | club Real Madrid and the Brazil football team. 133 | Mainly a central defender, 134 | he can also play as a right back or defensive midfielder. 135 |

136 |
137 | 138 |
139 | 140 |
141 |
142 |

143 | ALABA 4 144 |

145 |

146 | David Olatukunbo Alaba (born 24 June 1992) 147 | is an Austrian professional footballer who plays 148 | either as a central midfielder, wide midfielder, 149 | left-back or centre-back for La Liga club Real Madrid 150 | and the Austria national team. 151 | Alaba is widely regarded as one of the best defenders 152 | of his generation. 153 |

154 |
155 | 156 |
157 | 158 |
159 |
160 |

161 | VALLEJO 5 162 |

163 |

164 | Jesús Vallejo Lázaro (born 5 January 1997) 165 | is a Spanish professional footballer who plays as a centre-back for Real Madrid. 166 |

167 |
168 | 169 |
170 | 171 |
172 |
173 |

174 | NACHO 6 175 |

176 |

177 | José Ignacio Fernández Iglesias (born 18 January 1990), 178 | known as Nacho ( is a Spanish professional footballer 179 | who plays as a defender for Real Madrid and the Spain national team. 180 |

181 |
182 | 183 |
184 | 185 |
186 |
187 |

188 | HAZARD 7 189 |

190 |

191 | Eden Michael Hazard (born 7 January 1991) is a Belgian 192 | professional footballer who plays as a winger or attacking 193 | midfielder for Spanish club Real Madrid and captains 194 | the Belgium national team. Known for his creativity, 195 | dribbling, passing and vision, 196 | Hazard is considered one of the best players of his generation. 197 |

198 |
199 | 200 |
201 | 202 |
203 |
204 |

205 | KROOS 8 206 |

207 |

208 | Toni Kroos (born 4 January 1990) is a German professional 209 | footballer who plays as a midfielder for La Liga club Real Madrid. 210 | Kroos plays mainly as a central midfielder, 211 | but has also been deployed as a deep-lying playmaker in his career. 212 | He is known for his vision, passing, creativity, 213 | crossing and set-piece ability, 214 | and is widely regarded as one of the greatest midfielders of all time. 215 |

216 |
217 | 218 |
219 | 220 |
221 |
222 |

223 | BENZEMA 9 224 |

225 |

226 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 227 | The museum has one of the largest collections of European art, 228 | from the 14th century to the beginning of the 19th century. 229 |

230 |
231 | 232 |
233 | 234 |
235 |
236 |

237 | MODRIĆ 10 238 |

239 |

240 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 241 | The museum has one of the largest collections of European art, 242 | from the 14th century to the beginning of the 19th century. 243 |

244 |
245 | 246 |
247 | 248 |
249 |
250 |

251 | ASENSIO 11 252 |

253 |

254 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 255 | The museum has one of the largest collections of European art, 256 | from the 14th century to the beginning of the 19th century. 257 |

258 |
259 | 260 |
261 | 262 |
263 |
264 |

265 | ODRIOZOLA 12 266 |

267 |

268 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 269 | The museum has one of the largest collections of European art, 270 | from the 14th century to the beginning of the 19th century. 271 |

272 |
273 | 274 |
275 | 276 |
277 |
278 |

279 | LUNIN 13 280 |

281 |

282 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 283 | The museum has one of the largest collections of European art, 284 | from the 14th century to the beginning of the 19th century. 285 |

286 |
287 | 288 |
289 | 290 |
291 |
292 |

293 | CASEMIRO 14 294 |

295 |

296 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 297 | The museum has one of the largest collections of European art, 298 | from the 14th century to the beginning of the 19th century. 299 |

300 |
301 | 302 | 303 |
304 | 305 |
306 |
307 |

308 | VALVERDE 15 309 |

310 |

311 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 312 | The museum has one of the largest collections of European art, 313 | from the 14th century to the beginning of the 19th century. 314 |

315 |
316 | 317 |
318 | 319 |
320 |
321 |

322 | LUCAS V. 17 323 |

324 |

325 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 326 | The museum has one of the largest collections of European art, 327 | from the 14th century to the beginning of the 19th century. 328 |

329 |
330 | 331 |
332 | 333 |
334 |
335 |

336 | TCHOUAMÉNI 18 337 |

338 |

339 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 340 | The museum has one of the largest collections of European art, 341 | from the 14th century to the beginning of the 19th century. 342 |

343 |
344 | 345 |
346 | 347 |
348 |
349 |

350 | D. CEBALLOS 19 351 |

352 |

353 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 354 | The museum has one of the largest collections of European art, 355 | from the 14th century to the beginning of the 19th century. 356 |

357 |
358 | 359 |
360 | 361 |
362 |
363 |

364 | VINI JR. 20 365 |

366 |

367 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 368 | The museum has one of the largest collections of European art, 369 | from the 14th century to the beginning of the 19th century. 370 |

371 |
372 | 373 |
374 | 375 |
376 |
377 |

378 | RODRYGO 21 379 |

380 |

381 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 382 | The museum has one of the largest collections of European art, 383 | from the 14th century to the beginning of the 19th century. 384 |

385 |
386 | 387 |
388 | 389 |
390 |
391 |

392 | RÜDIGER 22 393 |

394 |

395 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 396 | The museum has one of the largest collections of European art, 397 | from the 14th century to the beginning of the 19th century. 398 |

399 |
400 | 401 |
402 | 403 |
404 |
405 |

406 | F. MENDY 23 407 |

408 |

409 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 410 | The museum has one of the largest collections of European art, 411 | from the 14th century to the beginning of the 19th century. 412 |

413 |
414 | 415 |
416 | 417 |
418 |
419 |

420 | MARIANO 24 421 |

422 |

423 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 424 | The museum has one of the largest collections of European art, 425 | from the 14th century to the beginning of the 19th century. 426 |

427 |
428 | 429 |
430 | 431 |
432 |
433 |

434 | CAMAVINGA 25 435 |

436 |

437 | The Prado Museum is the largest and most famous museum in Madrid, the capital of Spain. 438 | The museum has one of the largest collections of European art, 439 | from the 14th century to the beginning of the 19th century. 440 |

441 |
442 | 443 | 444 | 445 | `); 446 | } 447 | printAllPlayersDetails(); 448 | 449 | async function getHotelsApi() { 450 | try { 451 | return await fetch(MY_API).then((res) => res.json()); 452 | } catch (err) { 453 | console.log(err); 454 | } finally { 455 | } 456 | } 457 | 458 | function postMyApi() { 459 | getHotelsApi().then((item) => console.log(item)); 460 | } 461 | postMyApi(); 462 | --------------------------------------------------------------------------------