DEV Community

Dinesh G
Dinesh G

Posted on

Day 15 of my JAVA FULL STACK Learning Journey:HTML&CSS

#html #css #java #javascript

Hi Everyone!
Today is my fifteenth day class in Java full stack Development course. I am going to share my third project Facebook login page . What I learn Today.

New project
Facebook.html to create a login page

padding table

table head
table body
Enter fullscreen mode Exit fullscreen mode 
<table>
  <t head>
  <tr>
  </head>
Enter fullscreen mode Exit fullscreen mode

tr table rows

<th>
  Name
</hr>

<tr>
 <th>
  name
</th>
Enter fullscreen mode Exit fullscreen mode

table,th,td{
border:1px solid;
border-collapse : collapse;
padding:5px;
}

global selectors

.logo {
            border: 1px solid;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .login{
            border: 1px solid;
            height: 100vh;
Enter fullscreen mode Exit fullscreen mode 
.login-box .login-btn{
            padding: 10px;
            font-size: 20px;
            font-weight: 600;
            background-color: rgb(8, 102, 255);
            color: white;
            border-radius: 8px;
            border: none;
Enter fullscreen mode Exit fullscreen mode 
<div class="login-box">
    <input type="text" placeholder="Enter email or phone number"> 
    <input type="password"placeholder="Enter password">
    <button class="login-btn"> log in</button>
    <a href="">Forget password?</a>
    <hr>
    <button class="new-account"> Create a new account</button>
</div>
Enter fullscreen mode Exit fullscreen mode

Happy coding

Top comments (0)