Untitled
unknown
plain_text
2 years ago
3.0 kB
16
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.head,.body{
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
.items{
display: flex;
width: 100%;
justify-content: space-between;
margin-right: 10px;
align-items: center;
border-bottom: 1px solid black;
}
.items>div{
display: flex;
align-items: center;
gap: 0.75rem;
}
.btn-cont{
display: flex;
justify-content: space-between;
}
button{
display: flex;
align-items: center;
padding: 5px 10px;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="head">
<div>
<img src="#" alt="img">
<p style="font-size: 1.2rem;">Intermediate</p>
</div>
<div>
<p>Pay After Placement</p>
<p>Lifetime Access</p>
</div>
<div>
<p>For learners with good aptitude & logical reasoning</p>
</div>
</div>
<div class="body">
<div class="items">
<div>
<img src="#" alt="placement">
<p>Placement Starts</p>
</div>
<p>in 6 Months</p>
</div>
<div class="items">
<div>
<img src="#" alt="Eligibility">
<p>Eligibility</p>
</div>
<p>2019-2023 Batch students all Degrees</p>
</div>
<div class="items">
<div>
<img src="#" alt="Duration">
<p>Duration</p>
</div>
<p>10 Months</p>
</div>
<div class="items">
<div>
<img src="#" alt="Effort">
<p>Daily Effort</p>
</div>
<p>8-10 hours</p>
</div>
<div class="items">
<div>
<img src="#" alt="next-batch">
<p>Next Batch On</p>
</div>
<p>27th Dec 2022</p>
</div>
</div>
<div class="btn-cont">
<button>
<img src="#" alt="Brochure">
<p>Brochure</p>
</button>
<button>
<p>Learn More</p>
<img src="#" alt="Learn-more">
</button>
</div>
</div>
</body>
</html>Editor is loading...