material design css
/* Answer to: "material design css" */
/*
Here's a few frameworks that you may like:
https://materializecss.com/
https://material.io/develop/web/
https://getmdl.io/
https://www.w3schools.com/w3css/w3css_material.asp
https://www.muicss.com/
https://mdbootstrap.com/
Check the source for more information and frameworks.
*/materialize css
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>materialize css
<div class="row">
<div class="col s12 m6">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Card Title</span>
<p>I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively.</p>
</div>
<div class="card-action">
<a href="#">This is a link</a>
<a href="#">This is a link</a>
</div>
</div>
</div>
</div>material ui
import TextField from '@material-ui/core/TextField'
<TextField
id="slots"
type="number"
min={1}
defaultValue="1"
className="TextField pa2"
onChange={handleChange}
label="number of slots"
InputProps={{
inputProps: { min: 1}
}}
InputLabelProps = {{
shrink:true,
}}/>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
