The beginners may have some difficulties about how to start and learn the materialize design.  Here is a simple steps to learn and quick start with materialize design.

1. Add the Following link

<!--Import Google Icon Font-->
						
<!--Import materialize.css-->
						
<!--Let browser know website is optimized for mobile-->

		<span id="mce_SELREST_start" style="overflow:hidden;line-height:0;"></span>				<span id="mce_SELREST_end" style="overflow:hidden;line-height:0;"></span>

.caret {
border-top: 0px !important;
}

2. Add following line of html

<div class="row">

<div class="row">
<div class="input-field col s6">

First Name</div>
<div class="input-field col s6">

Last Name</div>
</div>
<div class="row">
<div class="input-field col s12">

Disabled</div>
</div>
<div class="row">
<div class="input-field col s12">

Password</div>
</div>
<div class="row">
<div class="input-field col s12">

Email</div>
</div>
<div class="row">
<div class="col s12">
This is an inline input field:
<div class="input-field inline">

Email</div>
</div>
</div>
<div class="row">
<div class="input-field col s6">

Choose your option
Option 1
Option 2
Option 3

Select Project</div>
<div class="input-field col s6">

Choose your option
Option 1
Option 2
Option 3

Select Percentage</div>
</div>
<div class="row">
<div class="col s6">

Submit
<i class="material-icons right">send</i>
</div>
<div class="col s6">

Cancel
<i class="material-icons right">send</i>
</div>
</div>
</div>

3. Add following script

@section Scripts{

$(document).ready(function () {
$('select').material_select();
});


<!--Import jQuery before materialize.js-->

 
}

Design sample of above materialize css will look like

More Details Click Here

• ASP.NET
• ASP.NET Core
• CSS/CSS3
• Materialize Design