Skip to content

Instantly share code, notes, and snippets.

@heyAyushh
Created October 12, 2020 12:47
Show Gist options
  • Save heyAyushh/3f0ecf80edefd0408d1fefc0f8dfb281 to your computer and use it in GitHub Desktop.
Save heyAyushh/3f0ecf80edefd0408d1fefc0f8dfb281 to your computer and use it in GitHub Desktop.
body {
background-color: black;
color: coral;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.Section1 {
border-style: dotted;
border-color: darkseagreen;
margin-left: 150px;
margin-right: 150px;
margin-bottom: 150px;
padding: 30px;
padding-right: 200px;
width: 40%;
}
h1 {
font-size: 4em;
}
p {
font-size: 2em;
}
img {
width: 20%;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My first website ❤</title>
<link rel="stylesheet" href="styles/index.css"></link>
</head>
<body>
<header>Logo</header>
<div class="Section1">
<h1>Welcome to my first website</h1>
<p>Hello there, we are learning Html basics today.</p>
<img
src="https://www.caribbeangreenliving.com/wp-content/uploads/2013/04/haitian-spaghetti.jpg"
/>
<p>We are a community of infinite learners who</p>
</div>
<ol>
<li>Chill on internet 🌊</li>
<li>Co Work 🎡 🏓</li>
<li>learn to code 👩‍💻</li>
</ol>
<footer>
<a href="https://google.com">Advertising</a>
<a href="https://Twitch.tv/c0d3spaghetti">Twitch</a>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment