Bon commit qui avence bien la
This commit is contained in:
		
							parent
							
								
									8edee5d94f
								
							
						
					
					
						commit
						b87574cb59
					
				
							
								
								
									
										21
									
								
								index.html
									
									
									
									
									
								
							
							
						
						
									
										21
									
								
								index.html
									
									
									
									
									
								
							| @ -1,21 +1,24 @@ | |||||||
| <head> | <head> | ||||||
|   <meta name="description" content="Free Web tutorials"> |   <meta name="Acceuil"> | ||||||
|   <meta charset="UTF-8"> |   <meta charset="UTF-8"> | ||||||
|   <link rel="stylesheet" href="mystyle.css">  |   <link rel="stylesheet" href="static/style.css">  | ||||||
| </head> | </head> | ||||||
| 
 |  | ||||||
| <body> | <body> | ||||||
|   <div id="header"> |   <div id="header"> | ||||||
|     <div id=menubar> |     <div id=menubar> | ||||||
|       <button type="button"> Home Page </button> |       <a class="title_button"> Home Page </a> | ||||||
|       <button type="button"> Blog perso </button> |       <a class="title_button"> Home Page </a> | ||||||
|       <button type="button"> Projets </button> |       <a class="title_button"> Home Page </a> | ||||||
|       <button type="button"> A propos de moi </button> |       <a class="title_button"> Home Page </a> | ||||||
|       <button type="button"> Quiz surprise :) </button> |       <a class="title_button"> Home Page </a> | ||||||
|     </div> |     </div> | ||||||
|     <div id="title"> |     <div id="title"> | ||||||
|       <h1>Random title cause its fun</h1> |       <h1>I love commiting war crimes :)</h1> | ||||||
|     </div> |     </div> | ||||||
|   </div> |   </div> | ||||||
|  |    | ||||||
|  |   <div id="content"> | ||||||
|  |      | ||||||
|  |   </div> | ||||||
| </body> | </body> | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -0,0 +1,41 @@ | |||||||
|  | body { | ||||||
|  |   background-color: #282A36; | ||||||
|  |   display: flex; | ||||||
|  |   justify-content: center; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #header { | ||||||
|  |   display: flex; | ||||||
|  |   flex-direction: column; | ||||||
|  |   gap: 1rem; | ||||||
|  |   justify-content: center; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #title { | ||||||
|  |   padding : 1rem; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | #menubar { | ||||||
|  |   background-color: #44475A; | ||||||
|  |   border-radius: 20px; | ||||||
|  |   padding: 10px; | ||||||
|  |   display: flex; | ||||||
|  |   gap: 50px; | ||||||
|  |   justify-content: center; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .title_button { | ||||||
|  |   padding : 10px; | ||||||
|  |   border-radius: 10px; | ||||||
|  |   background-color: #BD93F9; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | .title_button:hover { | ||||||
|  |   background-color: #BD93F966; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | #content { | ||||||
|  |   background-color : #44475A; | ||||||
|  | } | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user