Model Examples
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
.content { | |||
width: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
gap: 10px; | |||
box-sizing: border-box; | |||
padding: 2em; /* default padding */ | |||
} | |||
.heading { | |||
color: #F67A07; | |||
font-size: 2.25em; /* default font size */ | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
} | |||
.description, .sub-heading, .search-input { | |||
font-size: 16px; /* default font size for sub-elements */ | |||
} | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
.content { | .content { | ||
padding: 2em 1em; | padding: 2em 1em; | ||
} | } | ||
.heading { | .heading { | ||
Line 15: | Line 31: | ||
font-size: 0.875em; | font-size: 0.875em; | ||
} | } | ||
/* Adjustments for other elements like input-container if present */ | |||
} | } | ||
</style> | </style> | ||
<div class="content"> | |||
<div style="color: #44546F;">Model Samples</div> | |||
<div style="color: #44546F;">Model Samples</div> | <div class="heading">MODEL SAMPLES</div> | ||
<div class="heading | <div class="description" style="color: black; font-weight: 400; word-wrap: break-word"> | ||
Get started with MDriven sample models. Explore our models and choose what you want to build. | |||
Explore our models and choose what you want to build. | </div> | ||
< | <!-- Additional content and elements go here --> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 12:51, 9 November 2023
Model Samples
MODEL SAMPLES
Get started with MDriven sample models. Explore our models and choose what you want to build.