diff --git a/assets/js/main.js b/assets/js/main.js
index 3539075..d9f7536 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -36,3 +36,8 @@ $(function () {
$('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }, 500, 'linear');
});
});
+
+// wait untill all elements load on page, then hide the preloader
+$(window).on("load", function () {
+ $("#wrapper").hide();
+});
\ No newline at end of file
diff --git a/assets/styles/main.css b/assets/styles/main.css
index e1bef3a..51191ca 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -30,16 +30,27 @@ html {
}
body {
font-family: 'Space Mono', monospace !important;
- background: url(https://hacktoberfest.digitalocean.com/assets/bg-right-e498161aecb6d9b04889329f11ce0b4e09e562ead23fb12d05b7508d1dc0c85c.png),
- url(https://hacktoberfest.digitalocean.com/assets/bg-left-6cede81e395aa4ed5f64010cba3cd32b0cd8b29934de8a75b93c40dc9941fdd5.png),
- rgb(18, 33, 71);
- background-blend-mode: normal;
- background-size: cover;
+ background: rgb(18, 33, 71);
}
section {
display: list-item;
}
+#section01{
+ position: relative;
+}
+#section01::after{
+ content: url('https://hacktoberfest.digitalocean.com/assets/bg-right-e498161aecb6d9b04889329f11ce0b4e09e562ead23fb12d05b7508d1dc0c85c.png');
+ position: absolute;
+ top: 80px;
+ right: 0;
+}
+#section01::before{
+ content: url('https://hacktoberfest.digitalocean.com/assets/bg-left-6cede81e395aa4ed5f64010cba3cd32b0cd8b29934de8a75b93c40dc9941fdd5.png');
+ position: absolute;
+ top: 0px;
+ left: 0;
+}
#section02 {
min-height: 90vh;
}
diff --git a/index.html b/index.html
index 404995b..48729cb 100644
--- a/index.html
+++ b/index.html
@@ -12,13 +12,8 @@
crossorigin="anonymous"
/>
-
-
+