+ Realistic
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Error debitis officia quia a laboriosam, reprehenderit soluta natus vel corrupti repudiandae ipsum illo quaerat. Earum reiciendis, mollitia eaque impedit quisquam aperiam.
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, quis officia quisquam iure omnis dolores, eveniet libero molestias incidunt aut laudantium consectetur facilis voluptate aspernatur suscipit minima. Unde, quidem ad.
+
+
+
+
+
\ No newline at end of file
diff --git a/100_projects/58-cloud-translate-banner-js/main.js b/100_projects/58-cloud-translate-banner-js/main.js
new file mode 100644
index 0000000..6892bed
--- /dev/null
+++ b/100_projects/58-cloud-translate-banner-js/main.js
@@ -0,0 +1,5 @@
+let text = document.getElementById('text');
+window.addEventListener('scroll', function(){
+ let value = window.scrollY;
+ text.style.marginBottom = value * 2 + '2px';
+});
diff --git a/100_projects/58-cloud-translate-banner-js/style.css b/100_projects/58-cloud-translate-banner-js/style.css
new file mode 100644
index 0000000..c4de156
--- /dev/null
+++ b/100_projects/58-cloud-translate-banner-js/style.css
@@ -0,0 +1,63 @@
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+.header{
+ position: relative;
+ width: 100%;
+ height: 80vh;
+ background: url(bg.jpg);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.header #text{
+ position: relative;
+ font-size: 12em;
+ color: #fff;
+ transition: .3s;
+}
+@media(max-width:767px){
+ .header #text{
+ font-size: 6em;
+ }
+}
+.header .clouds{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ pointer-events: none;
+}
+.header .clouds img{
+ position: absolute;
+ bottom: 0;
+ max-width: 100%;
+ animation: animate calc(10s * var(--i)) linear infinite;
+}
+
+@keyframes animate{
+ 0%{
+ transform: translateX(-100%);
+ }
+
+ 100%{
+ transform: translateX(100%);
+ }
+}
+
+section{
+ position: relative;
+ padding: 75px 100px
+}
+section h2{
+ position: relative;
+ font-size: 2.5em;
+ margin-bottom: 20px;
+}
\ No newline at end of file
+ 
+ 
+ 
+ 
+