script.js

let url = "https://kontests.net/api/v1/all"
        let response = fetch(url)
        response.then((v) => {
            return v.json()
        }).then((Contest) => {
            console.log(Contest)
            ihtml = ""
            for (item in Contest) {
                console.log(Contest[item])
                ihtml += `
                <div class="card mx-2" style="width: 22rem;">
                <img src="https://th.bing.com/th/id/OIP.hI7u4AmAPWI1RnZ-KPMfhgHaE6?w=231&h=180&c=7&r=0&o=5&pid=1.7" class="card-img-top" alt="...">
                <div class="card-body mx-4">
                  <h5 class="card-title">${Contest[item].name}</h5>
                  <p class="card-text">Status is ${Contest[item].status} and site is  ${Contest[item].site} </p>
                  <p class="card-text">In 24 Hours?${Contest[item].in_24_hours} </p>
                  <p>Start at ${Contest[item].start_time} </p>
                  <p>Start at ${Contest[item].end_time} </p>
                  <a href="${Contest[item].url}" class="btn btn-primary my-3">Visit Contest</a>
                </div>
              </div>
                `
            }
            cardContainer.innerHTML = ihtml
        })