- Add a max width to constraint the width of the content - Add horizontal padding to improve readability on handheld devices - Reduce the font size of all headings
		
			
				
	
	
		
			56 lines
		
	
	
	
		
			2.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			56 lines
		
	
	
	
		
			2.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html lang="en">
 | |
|   <head>
 | |
|     <meta charset="utf-8" />
 | |
|     <meta name="viewport" content="width=device-width, initial-scale=1" />
 | |
|     <meta name="description" content="Learn to program" />
 | |
|     <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
 | |
|     <title>Learn to program</title>
 | |
|   </head>
 | |
|   <body class="font-serif container max-w-2xl mx-auto px-8">
 | |
|     <h1 class="text-5xl text-center my-4">I can teach you to code.</h1>
 | |
|     <div class="my-4">
 | |
|       <p class="leading-relaxed mb-4">
 | |
|         My name is William. I have programmed as a professional for five years
 | |
|         and as a hobbyist for ten years. I am currently an engineer at Google,
 | |
|         but I have worked at small start-ups and medium-sized corporations.
 | |
|       </p>
 | |
|       <p class="leading-relaxed mb-4">
 | |
|         Whether you have never written a single line of code, or you know how to
 | |
|         code and you are interested in going deeper, I can teach you a variety
 | |
|         of skills that professional software engineers use to succeed.
 | |
|       </p>
 | |
|     </div>
 | |
|     <div class="my-4">
 | |
|       <h2 class="text-3xl">Why coding?</h2>
 | |
|       <p class="leading-relaxed mb-4">
 | |
|         Are you interested in creating your own website? Perhaps you would like
 | |
|         to make your own video game. Maybe you like the notion of automating the
 | |
|         boring things in your life with code, but you do not know where to
 | |
|         start.
 | |
|       </p>
 | |
|       <p class="leading-relaxed mb-4">
 | |
|         Coding is the most creative outlet in my life, and I say that as a
 | |
|         musician and a former architecture student. I know many people who want
 | |
|         to learn how to code, who know they can learn online, but they still
 | |
|         cannot code. Together we will overcome this barrier to entry. I will
 | |
|         teach you how to code, and then I will teach you how to take yourself
 | |
|         the rest of the way. You will be coding from day one.
 | |
|       </p>
 | |
|     </div>
 | |
|     <div class="my-4">
 | |
|       <h2 class="text-3xl">Pricing</h2>
 | |
|       <p class="leading-relaxed mb-4">
 | |
|         I charge £50 per hour for video lessons and £100 per hour for in-person
 | |
|         sessions. I am currently based in South Kensington, London.
 | |
|       </p>
 | |
|     </div>
 | |
|     <div class="mt-4 mb-8">
 | |
|       <h2 class="text-3xl">Contact</h2>
 | |
|       <p class="leading-relaxed mb-4">
 | |
|         Whether you want to sign-up or simply want to learn more, send me an
 | |
|         email at <a href="mailto:wpcarro@gmail.com" class="font-bold text-blue-600 hover:underline">wpcarro@gmail.com</a>.
 | |
|       </p>
 | |
|     </div>
 | |
|   </body>
 | |
| </html>
 |