You are on page 1of 2

<!

DOCTYPE html>
<html>

<head>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
</head>

<body>
<div id="sectionconferencehome">
<div class="home-bg-container">
<img
src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/conference-img.png"
class="image" />
<div class="home-container-card">
<h1 class="home-container-heading">The Things Conference</h1>
<p class="home-container-para">Redefining the future of IoT with
LoRaWAN</p>
<button class="btn btn-primary"
onclick="display('sectionconferencedetailspage')">Know more</button>
</div>
</div>
</div>
<div id="sectionconferencedetailspage">
<div class="details-page-bg-container">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item"
src="https://www.youtube.com/embed/vKJ6nXE_6Hc?rel=0 " allowfullscreen></iframe>
</div>
<div class="details-page-bg-card">
<h1 class="details-page-heading">The Things Conference</h1>
<p class="details-page-para">Join Asia's Largest Conference on
LoRaWAN</p>
<div class="crd">
<div class="d-flex flex-row justify-content-between">
<div class="atendees">
<h1 class="sub-head">1400+ </h1>
<p class="sub-para">Attendees</p>
</div>
<div class="atendees">
<h1 class="sub-head">100+ </h1>
<p class="">Workshops</p>
</div>
</div>
<div class="d-flex flex-row justify-content-between">
<div class="atendees">
<h1 class="sub-head">120+ </h1>
<p class="sub-para">Speakers</p>
</div>
<div class="atendees">
<h1 class="sub-head">10+ </h1>
<p class="">Countries</p>
</div>
</div>
</div>
<div class="button">
<button class="btn btn-primary"
onclick="display('sectionconferencehome')">Back</button>
</div>
</div>
</div>

</div>
<script type="text/javascript" src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-
static-website/js/ccbp-ui-kit.js"></script>
</body>

</html>

You might also like