index.html

<!DOCTYPE html>
<html>
	
	<head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
		
		<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

        <link rel="stylesheet" href="./css/Homepage.css">

		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

		<title>Emma McGlacken-Ryan</title>
	</head>
	<body>
	
	<div class="outer">
		<div class="inner">
            	<section class = "gap loadanimation">
				<img src="./images/Logo-Square.png" class="logo" alt="logo">
				</section>
                <section class = "gap loadanimation">
                <h1>Emma McGlacken-Ryan</h1>
				<h3 class="padDown">Artist and Designer</h3>
				</section>
			<section class = "tile">		
			<ul class="gap social">
				<li class="icon-about tile"><a href="./about.html"><i class="fas fa-info fa-2x"></i></ion-icon><br>About</a></li>
				<li class="icon-work tile"><a href="./Work.html"><i class="fas fa-palette fa-2x"></i><br>Work</a></li>
				<li class="icon-email tile"><a href="./Contact.html"><i class="fas fa-envelope fa-2x"></i><br>Contact</a></li>
			</ul>
			</section>
		</div>
	</div>
</body>
</html>