Topic: How to download sign in form with complete css file with respect to html code as in your platform

hemanth20 free asked 5 years ago


In your platform how to download complete css file for the code below

<!-- Material form login -->
<div class="card">

<h5 class="card-header info-color white-text text-center py-4">
<strong>Sign in</strong>
</h5>

<!--Card content-->
<div class="card-body px-lg-5 pt-0">

<!-- Form -->
<form class="text-center" style="color: #757575;">

<!-- Email -->
<div class="md-form">
<input type="email" id="materialLoginFormEmail" class="form-control">
<label for="materialLoginFormEmail">E-mail</label>
</div>

<!-- Password -->
<div class="md-form">
<input type="password" id="materialLoginFormPassword" class="form-control">
<label for="materialLoginFormPassword">Password</label>
</div>

<div class="d-flex justify-content-around">
<div>
<!-- Remember me -->
<div class="form-check">
<input type="checkbox" class="form-check-input" id="materialLoginFormRemember">
<label class="form-check-label" for="materialLoginFormRemember">Remember me</label>
</div>
</div>
<div>
<!-- Forgot password -->
<a href="">Forgot password?</a>
</div>
</div>

<!-- Sign in button -->
<button class="btn btn-outline-info btn-rounded btn-block my-4 waves-effect z-depth-0" type="submit">Sign in</button>

<!-- Register -->
<p>Not a member?
<a href="">Register</a>
</p>

<!-- Social login -->
<p>or sign in with:</p>
<a type="button" class="btn-floating btn-fb btn-sm">
<i class="fa fa-facebook"></i>
</a>
<a type="button" class="btn-floating btn-tw btn-sm">
<i class="fa fa-twitter"></i>
</a>
<a type="button" class="btn-floating btn-li btn-sm">
<i class="fa fa-linkedin"></i>
</a>
<a type="button" class="btn-floating btn-git btn-sm">
<i class="fa fa-github"></i>
</a>

</form>
<!-- Form -->

</div>

</div>
<!-- Material form login -->


Mikołaj Smoleński staff answered 5 years ago


Hi there,

Please make sure to use MDB components while working with Vue package. The documentation is here: https://mdbootstrap.com/docs/vue/forms/basic/

Also, You can download css by importing it from mdbvue dependency in main.js file: import 'mdbvue/build/css/mdb.css';

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: Windows PC
  • Browser: Google Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No