diff --git a/assets/css/gdg-angola.css b/assets/css/gdg-angola.css
new file mode 100644
index 0000000..6c95afb
--- /dev/null
+++ b/assets/css/gdg-angola.css
@@ -0,0 +1,276 @@
+/*GDG Luanda custom style 
+*** ***** ***** ******* ******* ****
+*** *** *** * ** *** ****** ****
+* ********* ****
+*  ***   **
+
+*/
+
+.lead {
+  font-size: 1.1rem !important;
+  font-weight: 100 !important;
+}
+
+.logo {
+  position: absolute;
+  top: 0;
+  left: 23%;
+}
+
+.gdg-angola {
+  background-color: #26272b;
+  padding: 45px 0 20px;
+  font-size: 15px;
+  border-radius: 15px;
+  line-height: 24px;
+  color: #737373;
+}
+
+.gdg-angola hr {
+  border-top-color: #bbb;
+  opacity: 0.5;
+}
+
+.gdg-angola hr.small {
+  margin: 20px 0;
+}
+
+.gdg-angola h6 {
+  color: #fff;
+  font-size: 16px;
+  text-transform: uppercase;
+  margin-top: 5px;
+  letter-spacing: 2px;
+}
+
+.gdg-angola a {
+  color: #737373;
+}
+
+.gdg-angola a:hover {
+  color: #3366cc;
+  text-decoration: none;
+}
+
+.footer-links {
+  padding-left: 0;
+  list-style: none;
+}
+
+.footer-links li {
+  display: block;
+}
+
+.footer-links a {
+  color: #737373;
+}
+
+.footer-links a:active, .footer-links a:focus, .footer-links a:hover {
+  color: #3366cc;
+  text-decoration: none;
+}
+
+.footer-links.inline li {
+  display: inline-block;
+}
+
+.gdg-angola .social-icons {
+  text-align: right;
+}
+
+.gdg-angola .social-icons a {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  margin-left: 6px;
+  margin-right: 0;
+  border-radius: 100%;
+}
+
+.copyright-text {
+  margin: 0;
+}
+
+/*button style*/
+
+.btn-p {
+  padding: 0.375rem 2.75rem !important;
+  border-radius: 10px !important;
+  /* border: 2px solid #4285f4; border: 1px solid #4285f4;*/
+}
+
+/*type txt*/
+
+span.type {
+  margin: 0 auto;
+}
+
+span.type::after {
+  content: '|';
+  display: inline;
+  animation: blink 0.7s infinite;
+}
+
+/*Removes cursor that comes with typed.js*/
+
+.typed-cursor {
+  opacity: 0;
+  display: none;
+}
+
+/*Custom cursor animation*/
+
+@keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@-moz-keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/*Custom style icons social*/
+
+.icon-social-w {
+  top: 1.5px;
+  position: relative;
+}
+
+.social-icons {
+  position: relative;
+  top: -10px;
+}
+
+.social-icons {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.social-icons li {
+  display: inline-block;
+  margin-bottom: 4px;
+}
+
+.social-icons li.title {
+  margin-right: 15px;
+  text-transform: uppercase;
+  color: #96a2b2;
+  font-weight: 700;
+  font-size: 13px;
+}
+
+.social-icons a {
+  color: #818a91;
+  font-size: 16px;
+  display: inline-block;
+  line-height: 44px;
+  width: 44px;
+  height: 44px;
+  text-align: center;
+  margin-right: 8px;
+  border-radius: 100%;
+  -webkit-transition: all 0.2s linear;
+  -o-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+}
+
+.social-icons a:active, .social-icons a:focus, .social-icons a:hover {
+  color: #fff;
+  background-color: #29aafe;
+}
+
+.social-icons.size-sm a {
+  line-height: 34px;
+  height: 34px;
+  width: 34px;
+  font-size: 14px;
+}
+
+.social-icons a.facebook:hover {
+  background-color: #5d7bbb;
+}
+
+.social-icons a.twitter:hover {
+  background-color: #15bffd;
+}
+
+.twitter {
+  background-color: #00aced;
+  color: #fff !important;
+}
+
+.facebook {
+  background-color: #3b5998;
+  color: #fff !important;
+}
+
+.social-icons a.linkedin:hover {
+  background-color: #007bb6;
+}
+
+.social-icons a.dribbble:hover {
+  background-color: #ea4c89;
+}
+
+@media (max-width: 767px) {
+  .social-icons li.title {
+    display: block;
+    margin-right: 0;
+    font-weight: 600;
+  }
+}
+
+/*mobile logo adaptive*/
+
+@media screen and (max-width: 900px) {
+  .img-logo {
+    width: inherit;
+    height: inherit;
+    margin-left: 7%;
+  }
+}
+
+/*adaptive custom*/
+
+@media (max-width: 991px) {
+  .gdg-angola [class^="col-"] {
+    margin-bottom: 30px;
+  }
+}
+
+@media (max-width: 767px) {
+  .gdg-angola {
+    padding-bottom: 0;
+  }
+  .gdg-angola .copyright-text, .gdg-angola .social-icons {
+    text-align: center;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index d2a92fc..f038020 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500&display=swap');
+
 a,
 a:focus,
 a:hover {
@@ -22,6 +24,7 @@ a:hover {
 html,
 body.home {
   height: 100%;
+  font-family:'Baloo 2',cursive !important;
   background-image:url(../img/bg.jpg);
   background-size: cover;
   background-repeat: repeat;
@@ -37,7 +40,7 @@ body {
   display: -ms-flexbox;
   display: flex;
   color: #fff;
-  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
+  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
   box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
 }
 
@@ -59,7 +62,7 @@ body {
 
 .nav-masthead .nav-link {
   padding: .25rem 0;
-  font-weight: 700;
+  font-weight: 200;
   color: rgba(255, 255, 255, .5);
   background-color: transparent;
   border-bottom: .25rem solid transparent;
@@ -110,9 +113,10 @@ body {
 
 /*
 *Logo
+*SVG resolution
 */
 
 .img-logo{
-	width: 30px;
-	height: 30px;
+  width: 50px;
+  height: 30px;
 }
\ No newline at end of file
diff --git a/assets/img/bg.jpg b/assets/img/bg.jpg
index ba675fb..3b17851 100644
Binary files a/assets/img/bg.jpg and b/assets/img/bg.jpg differ
diff --git a/assets/img/bgc.jpg b/assets/img/bgc.jpg
new file mode 100644
index 0000000..ba675fb
Binary files /dev/null and b/assets/img/bgc.jpg differ
diff --git a/assets/img/llogo.png b/assets/img/llogo.png
new file mode 100644
index 0000000..577fffa
Binary files /dev/null and b/assets/img/llogo.png differ
diff --git a/assets/img/logo.png b/assets/img/logo.png
index 577fffa..67b4d77 100644
Binary files a/assets/img/logo.png and b/assets/img/logo.png differ
diff --git a/assets/img/logo.svg b/assets/img/logo.svg
new file mode 100644
index 0000000..6290444
--- /dev/null
+++ b/assets/img/logo.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="84px" height="64px" viewBox="0 0 197 64">
+					<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+						<g id="Group-2" transform="translate(0.000000, 1.000000)" fill-rule="nonzero">
+							<g id="Group" transform="translate(5.235739, 0.000000)" fill="#EA4335">
+								<path d="M25.4890541,31.2436192 L46.3660283,19.1899688 C51.279249,16.3536949 52.9625544,10.0708486 50.1258693,5.15803899 C47.2891843,0.24502381 41.0073658,-1.43889822 36.0937339,1.39819795 L0.0193223475,22.2258385 L25.4890541,31.2436192 Z" id="Path"/>
+							</g>
+							<g id="Group" transform="translate(0.000000, 20.826284)" fill="#4285F4">
+								<path d="M46.4558567,41.3966905 C50.0062352,41.3966905 53.4587687,39.5540786 55.3616088,36.2587961 C58.1982939,31.3457809 56.5149885,25.0629347 51.6017678,22.2266607 L15.5273562,1.39943129 C10.6137243,-1.43889822 4.33190585,0.246462709 1.4952208,5.15947789 C-1.34146425,10.0729042 0.341841105,16.3551338 5.25506184,19.1916133 L41.3294734,40.0186372 C42.9470006,40.9528932 44.7135565,41.3966905 46.4558567,41.3966905" id="Path"/>
+							</g>
+							<g id="Group" transform="translate(71.857344, 30.813060)" fill="#FBBC04">
+								<path d="M10.4834013,31.4101203 C12.2261126,31.4101203 13.9918462,30.9663229 15.6097845,30.0320669 L51.683785,9.205043 L26.5380109,0 L5.33749015,12.2400904 C0.424269417,15.0763644 -1.25903594,21.3592107 1.57764911,26.2722258 C3.48028367,29.5675083 6.93322827,31.4101203 10.4834013,31.4101203" id="Path"/>
+							</g>
+							<g id="Group" transform="translate(71.939566, 0.000534)" fill="#0F9D58">
+								<path d="M46.4558567,41.3954572 C50.0062352,41.3954572 53.4587687,39.5534619 55.3616088,36.2575628 C58.1982939,31.3445476 56.5149885,25.062318 51.6015622,22.2252218 L15.5275618,1.39758128 C10.614341,-1.43889822 4.33252253,0.243996026 1.49542636,5.15742232 C-1.34125869,10.0702319 0.342252218,16.3524615 5.2552674,19.1895577 L41.3294734,40.0174038 C42.9470006,40.9508376 44.7133509,41.3954572 46.4558567,41.3954572" id="Path"/>
+							</g>
+						</g>
+					</g>
+				</svg>
\ No newline at end of file
diff --git a/assets/img/logo.webp b/assets/img/logo.webp
new file mode 100644
index 0000000..880ca03
Binary files /dev/null and b/assets/img/logo.webp differ
diff --git a/assets/js/app.js b/assets/js/app.js
index 55b9c68..03a73e4 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -1,3 +1,12 @@
+
+/*GDG Luanda custom script 
+*** ***** ***** ******* ******* ****
+*** *** *** * ** *** ****** ****
+* ********* ****
+*  ***   **
+
+*/
+
 'use strict';
  // Open offsite navigation.
  $('#nav-expander').on('click', function(e) {
@@ -74,14 +83,39 @@ $(window).load(function () {
     smoothScroll.init();
 });
 
+//Please animate TypedText 
+document.addEventListener("DOMContentLoaded", function () {
+	Typed.new(".type", {
+		strings: ["Meetings.","Activities.","Events."],
+		stringsElement: null,
+		// typing speed
+		typeSpeed: 60,
+		// time before typing starts
+		startDelay: 600,
+		// backspacing speed
+		backSpeed: 20,
+		// time before backspacing
+		backDelay: 500,
+		// loop
+		loop: true,
+		// false = infinite
+		loopCount: false,
+		// show cursor
+		showCursor: false,
+		// character for cursor
+		cursorChar: "|",
+		// attribute to type (null == text)
+		attr: null,
+		// either html or text
+		contentType: "html"
+	});
+});
 
 //What happen on window resize
 $(window).resize(function () {
     homeFullScreen();
 });
 
-
-
 //Set langitude and latidute for your location
 var lat = -8.827042;
 var lng = 13.246121;
diff --git a/favicon.ico b/favicon.ico
index 4a02551..67b4d77 100644
Binary files a/favicon.ico and b/favicon.ico differ
diff --git a/index.html b/index.html
index b210022..560e45e 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en-us">
+
 <head>
 	<meta charset="utf-8">
 	<link rel="shortcut icon" href="./favicon.ico" />
@@ -7,65 +8,86 @@
 	<title>GDG Luanda - Home</title>
 
 	<!-- Load fonts -->
-	<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
-	<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
-	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+	<link rel="preconnect" href="https://fonts.gstatic.com" />
+    <link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500&display=swap" rel="stylesheet" />
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
+		integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
 
 	<!-- Load css styles -->
 	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css" />
 	<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
 	<link rel="stylesheet" type="text/css" href="assets/css/icon-style.css" />
+	<link rel="stylesheet" type="text/css" href="assets/css/gdg-angola.css" />
 
 </head>
+
 <body class="text-center home">
 	<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
 		<header class="masthead mb-auto">
-		  <div class="inner">
-			<img src="assets/img/logo.png" class="img-logo masthead-brand" alt=""> 
-			<h3 class="masthead-brand">GDG Luanda</h3>
-			<nav class="nav nav-masthead justify-content-center">
-			  <a class="nav-link active" href="#">Home</a>
-			  <a class="nav-link" href="./about.html">About</a>
-			  <a class="nav-link" href="#">DevFest</a>
-			  <a class="nav-link" href="#">Contact</a>
-			</nav>
-		  </div>
+			<div class="inner">
+				<img src="assets/img/logo.svg" class="img-logo masthead-brand" alt="">
+				<h3 class="masthead-brand">GDG Luanda</h3>
+				<nav class="nav nav-masthead justify-content-center">
+					<a class="nav-link active" href="#">Home</a>
+					<a class="nav-link" href="./about.html">About</a>
+					<a class="nav-link" href="#">DevFest</a>
+					<a class="nav-link" href="#">Contact</a>
+				</nav>
+			</div>
 		</header>
-  
+
 		<main role="main" class="inner cover">
-		  <h1 class="cover-heading">GDG Luanda</h1>
-		  <p class="lead">Connect with other developers interested in learing Google tecnologies. GDG Luanda welcomes you to attend our meetings.</p>
-		  <p class="lead">
-			<a href="https://www.meetup.com/pt-BR/GDG-Luanda/" target="blank" class="btn btn-md btn-light">Join Us</a>
-		  </p>
-		</main>
-  
-		<footer class="mastfoot mt-auto">
-		  <div class="inner">
-			<p><h6 >Copyright GDG Luanda 2019</h6> All rights reserved </p>
-			<p>
-					<a href="https://github.com/gdgluanda/gdgluanda.github.io"><span style="font-size: 32px; color:#333;">
-					<i class="fab fa-github"></i>
-				</span></a>
-				<a href="https://www.facebook.com/gdgluanda/" target="blenk"><span style="font-size: 32px; color:#3b5998;">
-						<i class="fab fa-facebook"></i>
-				</span></a>
+			<h1 class="cover-heading">GDG Luanda</h1>
+			<p class="lead">Connect with other developers interested in learning Google technologies. GDG Luanda welcomes you to attend our
+				 <span class="fontr type"></span></p>
+			<p class="lead">
+				<a href="https://www.meetup.com/pt-BR/GDG-Luanda/" target="blank" class="btn-p btn btn-md btn-light">Join Us</a>
 			</p>
-		  </div>
+		</main>
+
+
+
+		<!-- Site footer -->
+		<footer class="gdg-angola  mt-auto">
+
+			<div class="container">
+				<div class="row">
+					<div class="col-md-8 col-sm-6 col-xs-12">
+						<p class="copyright-text">Copyright &copy; GDG Luanda 2019 - 2021 All rights reserved
+						</p>
+					</div>
+
+					<div class="col-md-4 col-sm-6 col-xs-12">
+						<ul class="social-icons">
+							<li><a class="twitter" href="https://twitter.com/luandagdg">
+								<i class="fab fa-twitter icon-social-w"></i></a></li>
+							<li><a class="facebook" href="https://www.facebook.com/gdgluanda/">
+								<i class="fab fa-facebook icon-social-w"></i></a></li>
+
+						</ul>
+					</div>
+				</div>
+			</div>
 		</footer>
-	  </div>
-  
+	</div>
+
 	<!-- Load jQuery -->
-	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
 	<!-- Load Booststrap -->
-	<script type="text/javascript" src="js/bootstrap.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
+		integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
+		crossorigin="anonymous"></script>
 
-	<script type="text/javascript" src="js/smooth-scroll.js"></script>
+	<script type="text/javascript"
+		src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scroll/2.0.2/js/smooth-scroll.js"></script>
 
 	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
 
+	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.7/typed.min.js"></script>
+
 	<!-- Load custom js for theme -->
-	<script type="text/javascript" src="js/app.js"></script>
+	<script type="text/javascript" src="assets/js/app.js"></script>
 </body>
+
 </html>
\ No newline at end of file