<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
width: 100%;
}
h2 {
color: #4287f5;
text-align: center;
}
li {
list-style-type: none;
padding: 15px;
color: #ffffff;
}
li:nth-child(odd) {
background-color: #4287f5;
cursor: grab;
width: 50%;
}
li:nth-child(even) {
background-color: #b8bcc2;
cursor: pointer;
width: 50%;
}
</style>
</head>
<body>
<h2>W3 docs</h2>
<div>
A web developer information website providing tutorials and references related to web development.
</div>
<ul>
<li>Books</li>