AndFran/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<p class="center big-letters">
    <span class="blue-text">B</span><span class="red-text">o</span><span class="yellow-text">o</span><span class="blue-text">g</span><span class="green-text">l</span><span class="red-text">e</span>
</p>
<input class="large-tb-center" type="text" placeholder="Enter search terms here">

<div class="button-part">
    <button class="button-main-grey">Boolge Search</button>
    <button class="button-main-grey">I'm feeling lucky</button>
</div>

<footer class="center">
    <p>Google offered in: <a href="">español</a> <a href="">català</a> <a href="">galego</a> <a href="">euskara</a></p>
</footer>

</body>
</html>

## style.css
 .big-letters {
            font-size: 100px;
        }

        .blue-text {
            color: blue;
        }

        .red-text {
            color: red;
        }

        .yellow-text {
            color: yellow;
        }

        .green-text {
            color: green;
        }

        .center{
            text-align: center;
        }

        .large-tb-center{
            display: block;
            width: 500px;
            margin: 0 auto;
            text-align: center;
            height: 40px;
            border-radius: 15px;
            border: 3px solid blanchedalmond;
        }

        .button-main-grey{
            display: inline-block;
            height: 50px;
            width: 150px;
            border: 0;
            border-radius: 10px;
        }

        .button-part{
            width: 90%;
            margin: 0 auto;
            text-align: center;
            padding-top: 20px;
        }
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>

	<p class="center big-letters">
	<span class="blue-text">B</span><span class="red-text">o</span><span class="yellow-text">o</span><span class="blue-text">g</span><span class="green-text">l</span><span class="red-text">e</span>
	</p>
	<input class="large-tb-center" type="text" placeholder="Enter search terms here">

	<div class="button-part">
	<button class="button-main-grey">Boolge Search</button>
	<button class="button-main-grey">I'm feeling lucky</button>
	</div>

	<footer class="center">
	<p>Google offered in: <a href="">español</a> <a href="">català</a> <a href="">galego</a> <a href="">euskara</a></p>
	</footer>

	</body>
	</html>
	.big-letters {
	font-size: 100px;
	}

	.blue-text {
	color: blue;
	}

	.red-text {
	color: red;
	}

	.yellow-text {
	color: yellow;
	}

	.green-text {
	color: green;
	}

	.center{
	text-align: center;
	}

	.large-tb-center{
	display: block;
	width: 500px;
	margin: 0 auto;
	text-align: center;
	height: 40px;
	border-radius: 15px;
	border: 3px solid blanchedalmond;
	}

	.button-main-grey{
	display: inline-block;
	height: 50px;
	width: 150px;
	border: 0;
	border-radius: 10px;
	}

	.button-part{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	}