Training:Bootcamp

Bootcamp

<!DOCTYPE html>

<head>

<title>Styled Div</title>

<style>

body {

font-family: Outfit, sans-serif;

margin: 0;

padding: 0;

display: flex;

justify-content: center;

align-items: center;

background-color: #fff;

}

.container {

width: 600px;

text-align: center;

}

.title {

font-size: 96px;

font-weight: 700;

margin: 20px 0;

}

.subtitle {

background: rgba(255, 218, 187, 0.45);

font-size: 48px;

font-weight: 700;

margin: 0 auto;

padding: 10px;

}

.section {

display: flex;

align-items: center;

margin: 20px 0;

padding: 20px;

}

.section-icon {

flex: 1;

}

.section-text {

flex: 3;

font-size: 40px;

font-weight: 700;

}

.section-arrow {

flex: 1;

font-size: 40px;

}

.start-button {

background: rgba(255, 218, 187, 0.45);

font-size: 24px;

font-weight: 700;

padding: 15px;

border: none;

cursor: pointer;

}

</style>

</head>

<body>

<div class="title">BOOTCAMP</div>

<div class="subtitle">BEFORE STARTING GUIDE</div>

</div>

<div class="section-text">EXPECTATIONS</div>

</div>

</div>

<div class="section-text">INSTALLATION</div>

</div>

</div>

<div class="section-text">MATERIALS</div>

</div>

</div>

<div class="section-text">TROUBLESHOOTING</div>

</div>

</div>

<div class="section-text">COMMUNICATION</div>

</div>

<button class="start-button">Click here to START BOOTCAMP</button>

</div>

</body>

</html>