├── login page ├── login image.jpg ├── intext.html ├── login page.html └── styles.css ├── login page.html └── README.md /login page/login image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Srisaran200/front-end/HEAD/login page/login image.jpg -------------------------------------------------------------------------------- /login page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | login page 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /login page/intext.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | login page 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /login page/login page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | login page 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /login page/styles.css: -------------------------------------------------------------------------------- 1 | .login { 2 | border: 1px solid black; 3 | width: 400px; 4 | height: 500px; 5 | background: url(login\ image.jpg); 6 | color:white; 7 | border-radius: 20px; 8 | box-shadow: 0px 0px 20px rgba(0, 0,0,0.75); 9 | background-size: cover; 10 | background-position: center; 11 | overflow: hidden; 12 | } 13 | form{ 14 | display: block; 15 | box-sizing: border-box; 16 | padding: 70px; 17 | width: 100%; 18 | backdrop-filter: brightness(50%); 19 | flex-direction: column; 20 | display: flex; 21 | gap:7px 22 | } 23 | h1{ 24 | font-weight: normal; 25 | font-size: 24px; 26 | text-shadow: opx,0px,2px rgba(0,0,0,0.5); 27 | margin-bottom: 40px; 28 | } 29 | lable{ 30 | color: yellow; 31 | text-transform: uppercase; 32 | font-size: 15px; 33 | letter-spacing: 2px; 34 | padding-left: 10px; 35 | } 36 | input{ 37 | color: yellowgreen; 38 | height: 30px; 39 | line-height: 30px; 40 | border-radius: 20px; 41 | padding: 0px 20px; 42 | border:none; 43 | margin-bottom: 10px; 44 | color: white 45 | } 46 | button{ 47 | background: rgb(45,126,231); 48 | height:40px; 49 | line-height: 40px; 50 | border-radius:20px; 51 | border: none; 52 | margin: 10px,0px; 53 | box-shadow: 0px,0px,5px rgba(0,0,0,0.3); 54 | color:white; 55 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

Hi 👋, I'm Uthayan

2 |

A passionate frontend developer from India

3 | 4 |

5 | 6 |

7 | 8 | - 🔭 I’m currently working on **DETECTION AND TRACKING OF DRUG TRAFFICKING OF ENCRYPTED ON SOCIAL MEDIA PLATFORMS** 9 | 10 | - 🌱 I’m currently learning **JavaScript,mongoDB** 11 | 12 | - 📫 How to reach me **uthayanu490@gmail.com** 13 | 14 | - ⚡ Fun fact **I think I funny** 15 | 16 |