Added the modified code files

incubateind · Feb 7, 2021 · 120381d · 120381d
1 parent 74261da
commit 120381d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 16 deletions.
diff --git a/Day-2 Task/assets/css/style.css b/Day-2 Task/assets/css/style.css
@@ -223,6 +223,8 @@ h1, h2, h3, h4, h5, h6 {
   position: relative;
   z-index: 2;
   min-width: 300px;
+  text-align: center;
+  top: 200px;
 }
 
 #hero h1 {
@@ -270,7 +272,8 @@ h1, h2, h3, h4, h5, h6 {
 --------------------------------------------------------------*/
 section {
   /* Ugly Padding */
-  padding: 0 0;
+
+  padding: 50px;
   overflow: hidden;
 }
 
@@ -280,10 +283,12 @@ section {
 
 .section-title {
   /* Give Me Padding */
+  padding: 25px; 
 }
 
 .section-title p{
   /* Do something with me too */
+
   margin-bottom: 0;
 }
 
@@ -345,21 +350,27 @@ section {
 # Facts
 --------------------------------------------------------------*/
 .facts {
-  padding-bottom: 30px;
+  margin-left: 0 ;
 }
 
 .facts .count-box {
   /* Ugly Padding */
-  padding: 0;
-  width: 100%;
+  margin-left: 50px;
+  padding: 50px;
+  width: 150%;
+  padding-left: 10px;
+  padding-right: 25px;
 }
 
 .facts .count-box i {
   display: block;
   /* Ugly Font Size */
-  font-size: 500px;
+  font-size: 80px;
   color: #149ddd;
   float: left;
+  margin-left: -15%;
+  /*padding-left: 75px; */
+
 }
 
 .facts .count-box span {
@@ -373,7 +384,7 @@ section {
 
 .facts .count-box p {
   padding: 15px 0 0 0;
-  margin: 0 0 0 60px;
+  margin: 0 0 10px 60px;
   font-family: "Raleway", sans-serif;
   font-size: 14px;
   color: #122f57;
@@ -1082,4 +1093,4 @@ section {
     width: auto;
     padding-right: 20px 15px;
   }
-}
+}
diff --git a/Day-2 Task/index.html b/Day-2 Task/index.html
@@ -128,15 +128,15 @@ <h2>Facts</h2>
             <div class="count-box">
               <i class="icofont-live-support"></i>
               <span data-toggle="counter-up">1,463</span>
-              <p><strong>Hours Of Support</strong> aut commodi quaerat</p>
+              <p><strong>Hours Of Support</strong> aut commodi</p>
             </div>
           </div>
 
           <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" data-aos="fade-up" data-aos-delay="300">
             <div class="count-box">
               <i class="icofont-users-alt-5"></i>
               <span data-toggle="counter-up">15</span>
-              <p><strong>Hard Workers</strong> rerum asperiores dolor</p>
+              <p><strong>Hard Workers</strong> rerum asperiores</p>
             </div>
           </div>
 
@@ -163,23 +163,23 @@ <h2>Skills</h2>
             <div class="progress">
               <span class="skill">HTML <i class="val">100%</i></span>
               <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="0">
+                <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="0">
                 </div>
               </div>
             </div>
 
             <div class="progress">
               <span class="skill">CSS <i class="val">90%</i></span>
               <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="9" aria-valuemin="0" aria-valuemax="9">
+                <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="9">
                 </div>
               </div>
             </div>
 
             <div class="progress">
               <span class="skill">JavaScript <i class="val">75%</i></span>
               <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="7.5" aria-valuemin="0" aria-valuemax="7.5">
+                <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="7.5">
                 </div>
               </div>
             </div>
@@ -191,24 +191,23 @@ <h2>Skills</h2>
             <div class="progress">
               <span class="skill">PHP <i class="val">80%</i></span>
               <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="8.0" aria-valuemin="0" aria-valuemax="8.0">
+                <div class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="8.0">
                 </div>
               </div>
             </div>
 
             <div class="progress">
               <span class="skill">WordPress/CMS <i class="val">90%</i></span>
               <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="1.5" aria-valuemin="0" aria-valuemax="1.5">
+                <div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="1.5">
                 </div>
               </div>
             </div>
 
             <div class="progress">
               <span class="skill">Photoshop <i class="val">55%</i></span>
               <div class="progress-bar-wrap">
-                <div class="progress-bar" role="progressbar" aria-valuenow="0.55" aria-valuemin="0"
-                  aria-valuemax="0.55">
+                <div class="progress-bar" role="progressbar" aria-valuenow="55" aria-valuemin="0" aria-valuemax="0.55">
                 </div>
               </div>
             </div>