Professional Documents
Culture Documents
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
background-image: ;
background-color: #cccccc;
<div class="container">
<form>
<h1>signe in</h1>
<br><br>
<br><br>
<button>login</button>
<br><br>
</form>
</body>
</html>
*{
box-sizing: border-box;
margin: 50;
padding: 40;
body{
background: white;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-family: monospace;
height: 100vh;
.container{
border-radius: 10px;
box-shadow: 100px;
button{
background-color: green;
color: aquamarine;
border: 1px;
font-size: 16px;
font-weight: bold;
padding: 16px;
margin-top: 24px;
letter-spacing: 1px;
border-radius: 50px;
button:hover{
cursor: pointer;
background-color: darkseagreen;
color: aliceblue;
img{
display: flex;
flex-direction: row;
box-sizing: border-box;
margin: 50;
padding: 40;
<https://teams.microsoft.com/l/message/
19:83d5d5864bc341a6bab60b3aa6ee19f2@thread.tacv2/1697657981221?
tenantId=0566933d-a92c-4681-a863-
d74378b7bccf&groupId=7ea270c0-138b-4b61-b81b-
d340f0fb1a6a&parentMessageId=1697655416424&teamName=Ful
l Stack JS Octobre 2023&channelName=Semaine
2&createdTime=1697657981221&allowXTenantAccess=false>