added animation on the main title

MikeyCouture · Nov 7, 2018 · f13e756 · f13e756
1 parent 37aec28
commit f13e756
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -7,6 +7,7 @@
     <title>Sophie | Home</title>
     <link href="https://fonts.googleapis.com/css?family=Lora:700|Roboto:400,700" rel="stylesheet">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns"crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
     <link rel="icon" type="image/png" href="./assets/faviconSophie.png">
     <link rel="stylesheet" href="styles/style.css">
 </head>
@@ -23,7 +24,7 @@
     </nav>
     <header class="main-Header">
         <div class="wrapper header__wrapper">
-            <h1 class="title">Sophie</h1>
+            <h1 class="title animated fadeInDown delay-1s">Sophie</h1>
             <img class="main-Header__img" src="./assets/home-image-1.jpg" alt="">
         </div>