Bootcamp/Levels
No edit summary Tags: Reverted 2017 source edit |
Tag: Undo |
||
| Line 35: | Line 35: | ||
} | } | ||
.section-container { | .section-container { | ||
display: | display: flex; | ||
align-items: center; | align-items: center; | ||
margin: 20px 0; | margin: 20px 0; | ||
} | } | ||
.section { | .section { | ||
| Line 47: | Line 45: | ||
cursor: pointer; | cursor: pointer; | ||
transition: transform 0.3s ease; | transition: transform 0.3s ease; | ||
flex: 1; | |||
height: 300px; | height: 300px; | ||
display: flex; | display: flex; | ||
| Line 59: | Line 58: | ||
.beginner { | .beginner { | ||
background: rgba(255, 218, 187, 0.60); | background: rgba(255, 218, 187, 0.60); | ||
margin-right: 20px; | |||
} | } | ||
.intermediate { | .intermediate { | ||
background: rgba(217, 217, 217, 0.45); | background: rgba(217, 217, 217, 0.45); | ||
margin-left: 20px; | |||
} | } | ||
.advanced { | .advanced { | ||
background: #112B3C; | background: #112B3C; | ||
color: white; | color: white; | ||
margin-right: 20px; | |||
} | } | ||
.section-title { | .section-title { | ||
| Line 81: | Line 83: | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
margin: 0 20px; | |||
} | } | ||
.icon-1 { | .icon-1 { | ||
| Line 106: | Line 109: | ||
width: 100px; | width: 100px; | ||
height: 100px; | height: 100px; | ||
margin: | margin: 10px auto; | ||
} | } | ||
.section-container { | .section-container { | ||
flex-direction: column; | |||
align-items: center; | |||
} | } | ||
.section { | .section { | ||
width: 100%; | width: 100%; | ||
margin: 10px 0; | margin: 10px 0; | ||
text-align: center; | |||
padding: 20px; | padding: 20px; | ||
} | |||
.section-container .icon-placeholder { | |||
margin-bottom: 10px; | |||
} | |||
.beginner, .advanced, .intermediate { | |||
margin: 0; | |||
} | |||
.section-container .section-container { | |||
margin-bottom: 10px; | |||
} | } | ||
} | } | ||
| Line 126: | Line 139: | ||
} | } | ||
</style> | </style> | ||
<div class="bootcamp-container"> | <div class="bootcamp-container"> | ||
<div class="header"> | <div class="header"> | ||
| Line 144: | Line 155: | ||
<div class="section-container"> | <div class="section-container"> | ||
<div class="icon-placeholder icon-2"></div> | |||
<a href="#" class="section intermediate" onclick="choosePath('intermediate')"> | <a href="#" class="section intermediate" onclick="choosePath('intermediate')"> | ||
<div class="section-title">INTERMEDIATE</div> | <div class="section-title">INTERMEDIATE</div> | ||
<div class="section-content">You have some understanding of models but you need to brush up on what you know and learn what else is new. Join the trail from here!</div> | <div class="section-content">You have some understanding of models but you need to brush up on what you know and learn what else is new. Join the trail from here!</div> | ||
</a> | </a> | ||
</div> | </div> | ||
Revision as of 21:11, 28 July 2024
Choose the right option for you
This page was edited 174 days ago on 08/10/2024. What links here