আসসালামু আলাইকুম
সবাই কেমন আছেন আশা করি সবাই ভাল আছেন
Trickbd তে আমি আজ প্রথম পোস্ট করছি
চলুন বেশি কথা না বাড়িয়ে আমরা মূল পোস্টে চলে যায়।
Log in Page Design

Google Drive Link
Download

HTML

Log in Page

Log in Form

Email

Password

Remember Me

CSS

body{
margin: 0px;
padding: 0px;
background-color: green;
font-family: sans-serif;
}
.all{
width: 500px;
hidth: 700px;
margin: 10px;
paddin: 8px;
background-color: #fff;
margin: auto;
border-radius: 10px;
margin-top: 500px;

border: none;
}
h1{
color: red;
outline: nobe;
border: none;
text-align: center;
font-weight: bold;
}
.in lable{
color: red;
margin: 10px;
paddin: 8px;
outline: nobe;
border: none;
font-weight: bold;
}
.in input{
width: 95%;
margin: 10px;
paddin: 8px;
outline: nobe;
border: none;
border-bottom: 1px solid red;
border-radius: 8px;
color: red;
}
.rm{
color: #0984e3;
margin: 10px;
paddin: 8px;
outline: nobe;
border: none;
font-weight: bold;
}
.rs input{
width: 95%;
background: #fa8231;
color: #fff;
margin: 10px;
paddin: 8px;
outline: nobe;
border-radius: 8px;
border: none;
font-weight: bold;
}
.rs input:hover{
cursor: pointer;
background: #3867d6;
color: #fff;
}
.lg input{
width: 95%;
margin: 10px;
paddind: 8px;
outline: nobe;
border: none;
background: #C4E538;;
color: red;
font-weight: bold;
border-radius: 8px;
outline: nobe;
border: none;
}
.lg input:hover{
cursor: pointer;
background: #44bd32;
color: #fff;
}
.in input::placeholder{
color: #4cd137;
}

প্রয়োজনে:
my facebook id
Thank You

19 thoughts on "HTML CSS দিয়ে তৈরি করে নিন একটি Log in Page …"

  1. Sadikur Rahman Author says:
    অনেক সুন্দর হইছে পোস্টটা।
    এইভাবে পোস্ট করে ট্রিকবিডির সাথে থাকবেন।
  2. Mehedi Hasan Author Post Creator says:
    Thank You
  3. MD Shakib Hasan Contributor says:
    Code গুলো Box এ দিলে ভালো হয়
    1. Mehedi Hasan Author Post Creator says:
      Ei Post ei Google Drive er Link Dawa Ase Download Kore Nin
  4. Olives Contributor says:
    Index ফাইল আর Css ফাইল মোবাইলে দিয়া কানেক্ট করব কিভাবে
    1. Mehedi Hasan Author Post Creator says:
      apni ki computer diye kaj koran naki mobile diye kaj koran ?
    1. Mehedi Hasan Author Post Creator says:
      oo
  5. Mehedi Hasan Author Post Creator says:
    er jonno apnake je kono ak te code editor use korte hobe
    1. Olives Contributor says:
      tar por
  6. hacker Contributor says:
    Very Nice Css Code
    1. Mehedi Hasan Author Post Creator says:
      Thank You
  7. hacker Contributor says:
    ব্রো এইরকম ডিজাইনের একটি রেজি কোড দেন।
    1. Mehedi Hasan Author Post Creator says:
      bojlam na …
    2. Mehedi Hasan Author Post Creator says:
      Apni Ki Sing Up Page er Kotha Bolchan ..
    1. Mehedi Hasan Author Post Creator says:
      Sing Up Page Niye Trickbd e Ak ta Post Korbo
  8. hacker Contributor says:
    Thanks Vai.
    1. Mehedi Hasan Author Post Creator says:
      And You

Leave a Reply