Materialize Education Series Part #7 - [Creating Log In Form Part #1]: How to Create a Professional Login Form with using Modal Methods and Localhost Server by sargoon

View this thread on steempeak.com
utopian-io · @sargoon · (edited)
$91.07
Materialize Education Series Part #7 - [Creating Log In Form Part #1]: How to Create a Professional Login Form with using Modal Methods and Localhost Server
#### Welcome to the seventh Video Tutorial of the Materialize CSS! Also this video tutorial is the first episode of the "Creating Login Form. This tutorial video about "Creating Professional Pop-Up Login Form with using Modal Concepts and XAMPP Localhost Server From Scratch. In this tutorial video we used Materialize CSS Library and jQuery JavaScript Library. I hope you enjoy this tutorial video!

![](https://cdn.pbrd.co/images/Hj1X8wT.jpg)
#### What Will I Learn?

- You will learn how to create **Modal Log In Form** with **Pop-Up effect**.
- You will learn what is **modal methods** and you will learn how to use **modal methods**.
- You will learn how to use **input placeholder** for **creating Log In form**.
- You will learn how to create a button that **changes color** when clicked.
- You will learn what is the **modal-footer** and what is it effect.


### Files and Codes GitHub Repository


![](https://cdn.pbrd.co/images/Hj1IUcf.jpg)

You can access the **project codes** and **Log In form file** [here](https://github.com/sargoon/materialize_login_form).



#### Requirements

- Materialize Full Package 1.0.0-beta version (CSS and JS [minified and unminified]).
- Materialize JavaScript Ajax Library (1.0.0-beta version).
- Microsoft Visual Studio Code. (or another text editor).
- jQuery 3.3.1 Compressed (minified version).
- jQuery Ajax Library (with CDNjs).
- A Standard Computer.
- A Standard Browser.
- XAMPP Control Panel Server.
- No special operating system required, Materialize works on all operating systems.

#### Difficulty

- The difficulty is intermediate.

#### Description

Hello dear learners, welcome to the **seventh episode** of the **Materialize CSS** Education Series. Also this video is the **first episode** of the **creating login form**.
 In this tutorial video, we created a professional Log In form with using **modal concepts** from scratch. For this tutorial, we used **Materialize CSS Full Package** , **Materialize Minified CSS Library**, **Materialize Minified JavaScript Library**, **jQuery JavaScript 3.3.1 Ajax Library**. Also we used **XAMPP Control Panel Server** for localhost server connection. I explained in detail all the commands used when creating **Pop-Up Login Form**. In this tutorial video, we used **Materialize package** instead of **CDN Bootstrap**.
Also I gave technical information about **creating Log In form** **classes**, **script**, **modal concepts** and other commands. Our Materialize education series will progress from basic - intermediate to advanced. All the programs described in the video **Materialize Full CSS Package** (1.0.0-beta version), **Visual Studio Code**, **Materialize Minified JavaScript Library**, **jQuery 3.3.1 Minified Library**, **XAMPP Control Panel Server** , **jQuery Ajax JS Minified Library**) are open source and are all included in the links section of the **GitHub** repositories (Except XAMPP Control Panel Server). If you wish, you can access the web pages of these programs and download links for Windows from the links section. And also you can access the project codes and Log In form files in **Files and Codes** section.
**In the second episode, I will teach you how to connect this Log In form with authentication to the MySQL phpMyAdmin database.**

#### My Operating System

![](https://steemit-production-imageproxy-thumbnail.s3.amazonaws.com/U5dtusKnRXDf8phiqPPThSaXR8nXQRM_1680x8400)

#### Let's Take a Look Some Additional Steps About Pop-Up Login Form Tutorial

#### First Step:

![](https://cdn.pbrd.co/images/Hj26knp.png)

First of all, we used the addresses of the libraries we need between the ```head``` commands. **Materialize CSS** (1.0.0-beta version, **full package**), **Materialize Minified CSS Library**, **jQuery JavaScript Ajax library**, **jQuery 3.3.1 Minified**, **Materialize Minified JavaScript** and **Materialize Icons Family (via Google Fonts)** used in this video.

#### Second Step:

![](https://cdn.pbrd.co/images/Hj27ynb.png)

Second step about, creating first **"modal button (with wave effect)"** because we need a **clickable** modal button **for reaching Log In form with pop-up effect**, we used **modal as a href** because modal provides us like **alert box with pop-up effect**. When we click on the **modal button**, it will open with the **pop-up effect**. We used **container class** because, it allows us to set the page layout for **modal** Log In button. 
 We used division class as **center align**, this class allows the **log in modal button** to appear in the **center of the page**. We used here ```a href``` command as **"#modal"** because this button will **redirect us to modal log in section with pop-up effect**. We defined modal log in button properties with ```i class``` command, we used **wave effect** and we defined wave effect as **green**.  **Waves-effect** command makes when we click on the button, the button allows the **color to turn green** and  we defined **modal buttons primary color** as **black**. And we defined a style for the button to appear in the center of the page. We defined button's **margin-top** ```style``` dimensions as **400px** this value will appear this button in the center of the page. And finally  we defined the text to write on the button as **"Click here to Log In"**.


#### Third Step:

![](https://cdn.pbrd.co/images/Hj2aP1A.png)


In this step we defined division class and id as **modal** and **modal** to defining modal login options.
```This is Important``` **We can't change id and class because the modals id and class type are standard**. We used **model-content** because this class allows us the specifying log in section options and properties.
We defined the color of **welcome message**.  We also defined the margin-top style value as **25px** for the welcome message appear on the **center of the page** with using ```h2``` command.

#### Fourth Step:

![](https://cdn.pbrd.co/images/Hj2gzFo.png)

In this step, we defined a lot of commands and classes for creating log in **username** and **password** options. We used ```input placeholder ``` command, this means, in the username and password text area, ```input placeholder ``` provides, appear "**Enter Your Username**" with **transparent text** and this transparent text **disappears when the user starts to write**. Other commands and classes, I explained in detail all the commands used for this step in the video tutorial.


#### Fiveth Step:

![](https://cdn.pbrd.co/images/Hj2ug1r.png)

This step about creating **"Sign In"** button. We defined another division class as **modal-footer**, Modal-Footer is a special command that is only used when creating the modal connection button. Here we used division class as **modal-footer**  because in the second part, **modal footer** class provides **MySQL** and **phpMyAdmin** connection with **login button**. 
And we created **sign in** button with **waves-effect**  and we defined effect as **waves-light** to looks better.

#### Sixth Step:

![](https://cdn.pbrd.co/images/Hj2wrDB.png)


In this step we writing script for **log in form**, we started with ```$(document).ready(function(){``` command as usual and we used ```$('.modal').modal(); script``` we used this function for modal effects and login form to work properly. Also If we don't use the **jQuery library**, the **script** and **project** will **not work**.



#### Video Tutorial

https://youtu.be/E1jY83oyL-g

#### Links of Resources

- [Materialize Github Repo](https://github.com/Dogfalo/materialize)
- [Materialize Web Site](http://materializecss.com/)
- [Materialize Package Download for Windows](https://github.com/Dogfalo/materialize/releases/download/1.0.0-beta/materialize-v1.0.0-beta.zip)
- [Materialize Minified Ajax CSS Library ](https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css)
- [Materialize Minified Ajax JavaScript Library](https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js)
- [Materialize Icon Website](http://materializecss.com/icons.html)
- [Materialize Icon Family](https://fonts.googleapis.com/icon?family=Material+Icons)
- [jQuery GitHub Repo](https://github.com/jquery/jquery)
- [jQuery Minified Ajax Library (version 3.3.1)](https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js)
- [Visual Studio Code (VSCode) GitHub Repo](https://github.com/Microsoft/vscode)
- [Visual Studio Code Web Site](https://code.visualstudio.com/)
- [Visual Studio Code Download Link for Win x64](https://go.microsoft.com/fwlink/?Linkid=852157)
- [XAMPP Server Web Site](https://www.apachefriends.org/en/)
- [XAMPP Server(For Windows) Download Link](https://www.apachefriends.org/xampp-files/7.2.1/xampp-win32-7.2.1-0-VC15-installer.exe)


#### Curriculum
You can follow the other parts of the materialize education series here! :)

![](https://cdn.pbrd.co/images/Hj1KY1f.png)

[Logo Source](https://2be.ninja/curso-online/criando-templates-responsivos-com-materialize-css/)

- [PART 1: Materialize Education Series Part #1: How to Create a Simple Contact Form Without Using Server and Bootstrap CDN](https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-1-how-to-create-a-simple-contact-form-without-using-server-and-bootstrap-cdn)
- [PART 2: Materialize Education Series Part #2: How to Create a Full Screen Image Slider Using Carousel with XAMPP Localhost Server From Scratch](https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-2-how-to-create-a-full-screen-image-slider-using-carousel-with-xampp-localhost-server-from)
- [PART 3: Materialize Education Series Part #3: How to Create Side Navigation Bar using Materialize and jQuery Libraries with XAMPP Localhost Server From Scratch](https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-3-how-to-create-side-navigation-bar-using-materialize-and-jquery-libraries-with-xampp)
- [PART 4: Materialize Education Series Part #4: How to Create Top Navigation Menu (Navbar) using Materialize CSS with XAMPP Localhost Server](https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-4-how-to-create-top-navigation-menu-navbar-using-materialize-css-with-xampp-localhost-server)
- [PART 5: Materialize Education Series Part #5: How to Create a Scrollspy Menu using Materialize CSS and jQuery Library with using XAMPP Localhost Server](https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-5-how-to-create-a-scrollspy-menu-using-materialize-css-and-jquery-library-with-using-xampp)
- [PART 6: Materialize Education Series Part #6: How to Create Parallax (Scrolling Image) Website using Materialize CSS and jQuery Library with using XAMPP Localhost Server](https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-6-how-to-create-parallax-scrolling-image-website-using-materialize-css-and-jquery-library-with)

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-7-creating-log-in-form-part-1-how-to-create-a-professional-login-form-with-using-modal-methods">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 163 others
properties (23)
post_id46,230,733
authorsargoon
permlinkmaterialize-education-series-part-7-creating-log-in-form-part-1-how-to-create-a-professional-login-form-with-using-modal-methods
categoryutopian-io
json_metadata"{"staff_pick": null, "platform": "github", "config": {"questions": [{"question": "How many substantial concepts does this tutorial address?", "answers": [{"answer": "4-5 substantial concepts covered in the tutorial.", "value": 10, "answer_id": "vtuts-1-a-1"}, {"answer": "2-3 substantial concepts covered in the tutorial.", "value": 5, "answer_id": "vtuts-1-a-2"}, {"answer": "1 substantial concept covered in the tutorial.", "value": 2, "answer_id": "vtuts-1-a-3"}, {"answer": "More than 5 substantial concepts covered in the tutorial.", "value": 0, "answer_id": "vtuts-1-a-4"}], "question_id": "vtuts-1"}, {"question": "How informative is the content included alongside the video?", "answers": [{"answer": "Exceptionally good text and, when applicable, images for concepts covered.", "value": 10, "answer_id": "vtuts-2-a-1"}, {"answer": "Thorough text and, if applicable, images for concepts covered.", "value": 5, "answer_id": "vtuts-2-a-2"}, {"answer": "Minimal text and images.", "value": 3, "answer_id": "vtuts-2-a-3"}, {"answer": "No or very little text and images.", "value": 0, "answer_id": "vtuts-2-a-4"}], "question_id": "vtuts-2"}, {"question": "Is the video clearly prepared and structured?", "answers": [{"answer": "Both the presenter and the video are exceptionally organized, structured and presented", "value": 20, "answer_id": "vtuts-3-a-1"}, {"answer": "Presenter is prepared and video concepts are structured.", "value": 16, "answer_id": "vtuts-3-a-2"}, {"answer": "Presenter has moments when he/she seems unprepared and/or the content seems to be unstructured.", "value": 8, "answer_id": "vtuts-3-a-3"}, {"answer": "Presenter seems unprepared and/or video is unstructured.", "value": 0, "answer_id": "vtuts-3-a-4"}], "question_id": "vtuts-3"}, {"question": "Does the contributor provide supplementary resources, such as code and sample files in the contribution post or a GitHub repository?", "answers": [{"answer": "Contributor provided exceptional supplementary resources.", "value": 5, "answer_id": "vtuts-4-a-1"}, {"answer": "Contributor provided good supplementary resources.", "value": 4, "answer_id": "vtuts-4-a-2"}, {"answer": "Contributor provided minimal supplementary resources.", "value": 1.5, "answer_id": "vtuts-4-a-3"}, {"answer": "No supplementary resources were provided.", "value": 0, "answer_id": "vtuts-4-a-4"}], "question_id": "vtuts-4"}, {"question": "How would you describe the sound quality of the video?", "answers": [{"answer": "Sound quality is excellent and sounds professionally produced.", "value": 10, "answer_id": "vtuts-5-a-1"}, {"answer": "The sound is clear and understandable with complimenting background music / sounds.", "value": 7, "answer_id": "vtuts-5-a-2"}, {"answer": "Low quality of sound and/or mildly distracting background noise.", "value": 3, "answer_id": "vtuts-5-a-3"}, {"answer": "Distracting background noise and/or very low quality recording.", "value": 0, "answer_id": "vtuts-5-a-4"}], "question_id": "vtuts-5"}, {"question": "Does the presenter speak clearly and is easy to understand?", "answers": [{"answer": "Yes, presenter\u2019s speech is highly engaging and professional.", "value": 10, "answer_id": "vtuts-6-a-1"}, {"answer": "Yes, the voice-over is easy to understand.", "value": 7, "answer_id": "vtuts-6-a-2"}, {"answer": "Only some of the voice-over was comprehensible.", "value": 2, "answer_id": "vtuts-6-a-3"}, {"answer": "The voice-over was impossible to understand / not included at all.", "value": 0, "answer_id": "vtuts-6-a-4"}], "question_id": "vtuts-6"}, {"question": "Are the title of the tutorial and the concepts being covered present on the video in text overlay form?", "answers": [{"answer": "Title and concepts covered are present in the video at all times in a non-disruptive way.", "value": 5, "answer_id": "vtuts-7-a-1"}, {"answer": "Title and concepts covered appear temporarily when they are addressed.", "value": 4.5, "answer_id": "vtuts-7-a-2"}, {"answer": "Only the title is presented and the concepts shown are not addressed in overlay text.", "value": 2, "answer_id": "vtuts-7-a-3"}, {"answer": "Neither title nor concepts covered are presented in the video text overlay.", "value": 0, "answer_id": "vtuts-7-a-4"}], "question_id": "vtuts-7"}, {"question": "How would you describe the formatting, language and overall presentation of the post?", "answers": [{"answer": "The post is of very high quality.", "value": 10, "answer_id": "c-1-a-1"}, {"answer": "The post is of decent quality, but not spectacular in any way.", "value": 7, "answer_id": "c-1-a-2"}, {"answer": "The post is poorly written and/or formatted, but readable.", "value": 3, "answer_id": "c-1-a-3"}, {"answer": "The post is really hard to read and the content is barely understandable.", "value": 0, "answer_id": "c-1-a-4"}], "question_id": "c-1"}, {"question": "How would you rate the overall value of this contribution on the open source community and ecosystem?", "answers": [{"answer": "This contribution brings great and impactful value, and can be used for applications outside the specific project.", "value": 20, "answer_id": "c-2-a-1"}, {"answer": "This contribution adds significant value to the open source community and ecosystem, or is of critical importance to the specific project.", "value": 16, "answer_id": "c-2-a-2"}, {"answer": "This contribution adds some value to the open source community and ecosystem or is only valuable to the specific project.", "value": 8, "answer_id": "c-2-a-3"}, {"answer": "This contribution adds no value to the open source community and ecosystem or the specific project.", "value": 0, "answer_id": "c-2-a-4"}], "question_id": "c-2"}]}, "pullRequests": [], "users": ["sargoon"], "staff_pick_by": null, "questions": null, "app": "utopian/1.0.0", "score": null, "type": "video-tutorials", "links": ["https://github.com/sargoon/materialize_login_form", "https://github.com/Dogfalo/materialize", "http://materializecss.com/", "https://github.com/Dogfalo/materialize/releases/download/1.0.0-beta/materialize-v1.0.0-beta.zip", "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css", "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js", "http://materializecss.com/icons.html", "https://fonts.googleapis.com/icon?family=Material+Icons", "https://github.com/jquery/jquery", "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js", "https://github.com/Microsoft/vscode", "https://code.visualstudio.com/", "https://go.microsoft.com/fwlink/?Linkid=852157", "https://www.apachefriends.org/en/", "https://www.apachefriends.org/xampp-files/7.2.1/xampp-win32-7.2.1-0-VC15-installer.exe", "https://2be.ninja/curso-online/criando-templates-responsivos-com-materialize-css/", "https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-1-how-to-create-a-simple-contact-form-without-using-server-and-bootstrap-cdn", "https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-2-how-to-create-a-full-screen-image-slider-using-carousel-with-xampp-localhost-server-from", "https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-3-how-to-create-side-navigation-bar-using-materialize-and-jquery-libraries-with-xampp", "https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-4-how-to-create-top-navigation-menu-navbar-using-materialize-css-with-xampp-localhost-server", "https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-5-how-to-create-a-scrollspy-menu-using-materialize-css-and-jquery-library-with-using-xampp", "https://utopian.io/utopian-io/@sargoon/materialize-education-series-part-6-how-to-create-parallax-scrolling-image-website-using-materialize-css-and-jquery-library-with"], "moderator": {"time": "2018-05-01T04:19:34.311Z", "pending": false, "reviewed": true, "flagged": false, "account": "rosatravels"}, "community": "utopian", "tags": ["utopian-io", "materialize", "steemstem", "css", "video-tutorials"], "total_influence": null, "repository": {"full_name": "Dogfalo/materialize", "owner": {"login": "Dogfalo"}, "id": 23974149, "fork": false, "html_url": "https://github.com/Dogfalo/materialize", "name": "materialize"}, "format": "markdown"}"
created2018-04-30 17:39:42
last_update2018-05-01 04:19:33
depth0
children3
net_rshares16,907,222,071,834
last_payout2018-05-07 17:39:42
cashout_time1969-12-31 23:59:59
total_payout_value66.636 SBD
curator_payout_value24.439 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length11,126
author_reputation59,035,209,817,935
root_title"Materialize Education Series Part #7 - [Creating Log In Form Part #1]: How to Create a Professional Login Form with using Modal Methods and Localhost Server"
beneficiaries
0.
weight1,500
accountutopian.pay
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (227)
@rosatravels ·
$0.71
Hi @Sargoon,

Thank you for your contribution.  I can see that you are making improvement in the text presentation of the tutorial but the video quality needs to improve.

Your voice over is more difficult to listen to this time and one really needs to concentrate hard.  You need to work on your diction and pronunciation so that your words come out clearly.  Also the audio needs to improve as your sounds are very faint some time even when the volume is turned to maximum.  Spend some time to invest on a better microphone.

As this is 'video tutorial', excellent audio plays a significant role.  It is important that learners want to stay engaged as they listen to your speech presentation.

If you have questions, contact us at discord,
Rosa



----------------------------------------------------------------------
Need help? Write a ticket on https://support.utopian.io.
Chat with us on [Discord](https://discord.gg/uTyJkNm).

**[[utopian-moderator]](https://utopian.io/moderators)**
👍  ,
properties (23)
post_id46,304,830
authorrosatravels
permlinkre-sargoon-materialize-education-series-part-7-creating-log-in-form-part-1-how-to-create-a-professional-login-form-with-using-modal-methods-20180501t042539694z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-05-01 04:25:48
last_update2018-05-01 04:25:48
depth1
children1
net_rshares188,893,885,967
last_payout2018-05-08 04:25:48
cashout_time1969-12-31 23:59:59
total_payout_value0.706 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length990
author_reputation446,683,592,150,961
root_title"Materialize Education Series Part #7 - [Creating Log In Form Part #1]: How to Create a Professional Login Form with using Modal Methods and Localhost Server"
beneficiaries
0.
weight1,500
accountutopian.pay
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@sargoon ·
$0.79
Thank you for your comment. I work on pronunciation and diction to make better contributions, I also work on text and presentation.  I ordered a new microphone to make better quality contributions, it will come in this week. Thank you very much for your suggestions, I will consider all your suggestions.
👍  ,
properties (23)
post_id46,336,595
authorsargoon
permlinkre-rosatravels-re-sargoon-materialize-education-series-part-7-creating-log-in-form-part-1-how-to-create-a-professional-login-form-with-using-modal-methods-20180501t090339753z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-05-01 09:03:42
last_update2018-05-01 09:03:42
depth2
children0
net_rshares210,960,874,379
last_payout2018-05-08 09:03:42
cashout_time1969-12-31 23:59:59
total_payout_value0.787 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length304
author_reputation59,035,209,817,935
root_title"Materialize Education Series Part #7 - [Creating Log In Form Part #1]: How to Create a Professional Login Form with using Modal Methods and Localhost Server"
beneficiaries
0.
weight1,500
accountutopian.pay
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@utopian-io ·
$4.18
#### Hey @sargoon
We're already looking forward to your next contribution!
##### Decentralised Rewards
Share your expertise and knowledge by rating contributions made by others on Utopian.io to help us reward the best contributions together.
##### Utopian Witness!
<a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for Utopian Witness!</a> We are made of developers, system administrators, entrepreneurs, artists, content creators, thinkers. We embrace every nationality, mindset and belief.

**Want to chat? Join us on Discord https://discord.me/utopian-io**
👍  ,
properties (23)
post_id46,589,487
authorutopian-io
permlinkre-sargoon-materialize-education-series-part-7-creating-log-in-form-part-1-how-to-create-a-professional-login-form-with-using-modal-methods-20180502t174042659z
categoryutopian-io
json_metadata"{"app": "utopian/1.0.0", "community": "utopian", "tags": ["utopian-io"]}"
created2018-05-02 17:40:42
last_update2018-05-02 17:40:42
depth1
children0
net_rshares747,681,361,231
last_payout2018-05-09 17:40:42
cashout_time1969-12-31 23:59:59
total_payout_value4.176 SBD
curator_payout_value0.003 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length607
author_reputation152,913,012,544,965
root_title"Materialize Education Series Part #7 - [Creating Log In Form Part #1]: How to Create a Professional Login Form with using Modal Methods and Localhost Server"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
Help/Feedback