Screenshot:
Source Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Project 1: To code in HTML and CSS</title>
<style>
body{
background-color: white;
}
h1{
background-color: #5f5f5f;
font-family: "Proxima Nova Rg", verdana;
font-weight: lighter;
color: #f1f1f1;
font-size:40px;
padding: 40px;
border-bottom: 6px inset #f1f1f1
}
h2{
max-width: 800px;
font-family: "Proxima Nova Rg", verdana;
font-weight: lighter;
color: black;
font-size:30px;
padding: 20px 40px 0px 40px;
}
h2.first{
padding-top: 40px;
}
p{
max-width: 800px;
font-family: "Proxima Nova Lt", verdana;
font-weight: lighter;
padding-left: 40px;
}
ol{
font-family: "Proxima Nova Lt", verdana;
font-weight: lighter;
padding-left: 60px;
}
img{
padding-left: 40px
}
</style>
</head>
<body>
<h1>Hi There
</h1>
<h2 class="first">
Hello, how are you?
</h2>
<p>
Welcome to my project. This project is an assignment that given by my lecturer in Web Programming Class. Enjoy.
</p>
<h2>Who am I?</h2>
<p>
I am Groot.<br />
<br />
Just kidding. My name is Hatta. I'm 18 years old. I'm a student in Department of Informatics in Institut Teknologi Sepuluh Nopember Surabaya. My student number is 5115100146.
<h2> So, what's actually the assigntment? </h2>
<p>
The assignment is : </p>
<ol>
<li>to code in HTML and CSS</li>
<li>put the code and a screenshot of the design in my blog</li>
<li>tag my blog's link in my lecturer's blog comment box</li>
</ol>
<p>
To make it more interesting, I put a picture of a cute kitten here
</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Cute-kittens-12929201-1600-1200.jpg/1280px-Cute-kittens-12929201-1600-1200.jpg" alt="cute kitten" style="width:400px;height=300px;">
</body>
</html>

Tidak ada komentar:
Posting Komentar