Fixed some CSS issues and added RideAware on home page
This commit is contained in:
		
							parent
							
								
									4ea01a2566
								
							
						
					
					
						commit
						f26bad9bac
					
				
					 2 changed files with 24 additions and 22 deletions
				
			
		|  | @ -2,12 +2,29 @@ body { | |||
|     margin: 0; | ||||
|     padding: 0; | ||||
|     font-family: Arial, sans-serif; | ||||
|     background: linear-gradient(135deg, #1e90ff, #00bfff); | ||||
|     color: #fff; | ||||
|     display: flex; | ||||
|     justify-content: center; | ||||
|     align-items: center; | ||||
|     height: 100vh; | ||||
|     width: 100vw; | ||||
| } | ||||
| 
 | ||||
| html { | ||||
|     background: linear-gradient(#1e4e9c, #9198e5); | ||||
|     height: 100%; | ||||
|     width: 100%; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| .container { | ||||
|     position: absolute; | ||||
|     top: 50%; | ||||
|     left: 50%; | ||||
|     transform: translate(-50%, -50%); | ||||
|     max-width: 600px; | ||||
|     padding: 20px; | ||||
|     background-color: rgba(0, 0, 0, 0.5); | ||||
|     border-radius: 10px; | ||||
|     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | ||||
|     text-align: center; | ||||
|     color: #fff; | ||||
| } | ||||
| 
 | ||||
| .coming-soon { | ||||
|  | @ -31,22 +48,6 @@ p { | |||
|     margin: 10px 0 20px; | ||||
| } | ||||
| 
 | ||||
| .countdown { | ||||
|     display: flex; | ||||
|     justify-content: space-around; | ||||
|     margin: 20px 0; | ||||
| } | ||||
| 
 | ||||
| .countdown div { | ||||
|     text-align: center; | ||||
| } | ||||
| 
 | ||||
| .countdown span { | ||||
|     display: block; | ||||
|     font-size: 2rem; | ||||
|     font-weight: bold; | ||||
| } | ||||
| 
 | ||||
| .subscription { | ||||
|     margin-top: 20px; | ||||
| } | ||||
|  |  | |||
|  | @ -8,7 +8,8 @@ | |||
| </head> | ||||
| <body> | ||||
|     <div class="container"> | ||||
|         <h1>Coming Soon!</h1> | ||||
|         <h1>RideAware</h1> | ||||
|         <h2>Coming Soon!</h2> | ||||
|         <p>Be the first to know when we launch. Subscribe below:</p> | ||||
|         <div class="subscription"> | ||||
|             <input id="email-input" type="email" placeholder="Enter your email" required /> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Blake Ridgway
						Blake Ridgway