Skip to content

Instantly share code, notes, and snippets.

@joeljerushan

joeljerushan/index.html

Created April 24, 2024 11:41
Show Gist options
  • Save joeljerushan/3ef4109cbd502e20220b15faefecd009 to your computer and use it in GitHub Desktop.
Save joeljerushan/3ef4109cbd502e20220b15faefecd009 to your computer and use it in GitHub Desktop.
Download ZIP
Sample HTML for learning
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Home</title>
<style>
.amma {
display: flex;
flex-direction: column;
}
.mooththaPillai {
background-color: lightgray;
display: flex;
justify-content: space-between;
}
.mooththaPillai .menu ul {
display: flex;
flex-direction: row;
list-style: none;
}
.mooththaPillai .menu ul li {
margin-left: 50px;
}
.rendavathuPillai {
background-color: lightcoral;
}
.kadaisiPillai {
background-color: #f3f3f3;
}
.kadaisiPillai .menu ul {
display: flex;
flex-direction: row;
list-style: none;
justify-content: center;
}
.kadaisiPillai .menu ul li {
margin-left: 20px;
}
</style>
</head>
<body>
<div class="amma">
<div class="mooththaPillai">
<div class="Logo">
<H1>Sneha.com</H1>
</div>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="rendavathuPillai">
<H1>Serverless Endpoints</H1>
<p>Prices are per 1 million tokens including input and output tokens for Chat, Language and Code models, only including input tokens for Embedding models, and based on image size and steps for Image models. Special promotional pricing for Llama-2 and CodeLlama models.
</p>
</div>
<div class="kadaisiPillai">
<div class="menu">
<ul>
<li><a href="#">Privacy & Terms</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">All rights reserved 2024</a></li>
</ul>
</div>
</div>
</div>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment