Merge pull request #756 from sandurpraneethapradeep/WebDesign_59

Web design #59

Author: NtemKenyor

modules/text_on_image/images_and_icons/background_59.jpg

@@ -0,0 +1,97 @@
+<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
+<div id="container-gym">
+    <div id="inner-container-1">
+    
+<h1 id="gym">The Best<br>
+    gym in NYC</h1> 
+
+<p id="para"> We will develop a programme that will meet<br>
+    your individual needs. We are committed to <br>
+    helping you achieve your fitness goals.
+</p>
+
+    <button id="btn">START NOW</button>
+    
+    <h2 id="pix">Image from <u>Freepix</u></h2>  
+</div>
+</div>
+
+<style>
+
+    #container-gym{
+
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size:1400px;
+        background-image: url("./images_and_icons/background_59.jpg");
+        height: 100%;
+        width: 100%;
+        color: white;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items:baseline;
+        overflow-x:  hidden;
+        overflow-y: hidden;
+        
+    }
+
+    #gym{
+
+        font-family: Roboto,sans-serif;
+        font-size: 3.75rem;
+        font-weight: 600;
+        text-align: justify;
+        margin: 0;
+        position:relative;
+        padding: 0;
+        color:red;
+        line-height: 1.1;
+        padding-left: 100px;
+        padding-bottom: 10px;
+    }
+
+    #para{
+
+        font-family: 'Open Sans',sans-serif;
+        line-height: 1.8;
+        padding-left: 100px;
+        text-align: justify;
+        color:white;
+        font-weight: 600;
+        font-size: 1.125rem; 
+    
+    }
+
+    #btn{
+
+        background-color: red;
+        color: white;
+        letter-spacing: 1px;
+        font-weight: 700;
+        margin: 30px auto 0 0;
+        padding: 15px 52px 17px 51px;
+        border-color: transparent;
+        margin-top: 4px;
+        margin-left: 100px;
+     
+        
+        
+    }
+    #pix{
+
+        display: inline;
+        margin-top: 40px;
+        line-height: 1.8;
+        color: #808080;
+        position: relative;
+        text-align: justify;
+        font-family: 'Open Sans',sans-serif;
+        font-size: 1rem;
+        padding-left: 100px;
+        position: relative;
+        display: block;
+        
+    
+    }
+</style>