diff --git a/README.md b/README.md index af13cca..12a4269 100644 --- a/README.md +++ b/README.md @@ -14,6 +14,7 @@ Step-3: Under the "Source" section select your branch (Usually it's the main bra After following the steps you will have the GitHub pages link. <br/> <br/> -Note: After completing this task you will have your own Portfolio Page published on GitHub pages. +Note: After completing this task you will have your own Portfolio Page published on GitHub pages.<br/> +[Live Site](https://ajaysbecse.github.io/idtc-opensource-day2/) ![](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) diff --git a/css/main.css b/css/main.css index b1e4037..dbb3701 100755 --- a/css/main.css +++ b/css/main.css @@ -638,7 +638,7 @@ select { padding: 1.5rem 0; border: 0; outline: none; - vertical-align: middle; + /* vertical-align: middle; */ color: #313131; font-family: "montserrat-regular", sans-serif; font-size: 1.5rem; @@ -1216,47 +1216,47 @@ input::-moz-focus-inner { } .skill-bars li .percent50 { - width: 10%; + width: 50%; } .skill-bars li .percent55 { - width: 15%; + width: 55%; } .skill-bars li .percent60 { - width: 90%; + width: 60%; } .skill-bars li .percent65 { - width: 25%; + width: 65%; } .skill-bars li .percent70 { - width: 10%; + width: 70%; } .skill-bars li .percent75 { - width: 15%; + width: 75%; } .skill-bars li .percent80 { - width: 20%; + width: 80%; } .skill-bars li .percent85 { - width: 8.5%; + width: 85%; } .skill-bars li .percent90 { - width: 9%; + width: 90%; } .skill-bars li .percent95 { - width: 5%; + width: 95%; } .skill-bars li .percent100 { - width: 0%; + width: 100%; } /* =================================================================== @@ -1507,7 +1507,7 @@ header .header-logo a { z-index: 800; overflow-y: auto; -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; + /* -webkit-backface-visibility: hidden; */ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); @@ -1724,6 +1724,7 @@ header .header-logo a { position: relative; padding-top: 4.2rem; padding-bottom: 15rem; + } .home-content-tablecell h3 { @@ -1733,13 +1734,14 @@ header .header-logo a { text-transform: uppercase; letter-spacing: .15rem; margin: 0 0 0 .3rem; + text-align: left; } /* */ .home-content-tablecell h1 { font-family: "librebaskerville-bold", serif; - font-size: 2.2rem; + font-size: 4.2rem; line-height: 1.5; color: #FFFFFF; } @@ -1776,6 +1778,7 @@ header .header-logo a { margin-left: .3rem; } + .scroll-icon { position: absolute; width: 60px; @@ -1791,7 +1794,7 @@ header .header-logo a { /* */ .home-bottom-text { - text-align: right; + text-align: left; } /* */ @@ -2049,13 +2052,13 @@ header .header-logo a { .about-profile p.lead { color: #636363; - font-size: 3rem; + /* font-size: 3rem; */ } -.about-profile p { +/* .about-profile p { font-size: 1rem; line-height: 1px; -} +} */ /* */ @@ -2096,8 +2099,8 @@ header .header-logo a { .about-services ul.services li p { margin-bottom: 1.5rem; color: #4f4f4f; - font-size: 10px; - line-height: 1rem; + /* font-size: 10px; + line-height: 1rem; */ } /* */ @@ -2113,7 +2116,7 @@ header .header-logo a { /* */ .about-services ul.services .icon-wrap i { - font-size: 10rem; + font-size: 5rem; } /* */ @@ -2789,7 +2792,7 @@ header .header-logo a { } #stats .stat .icon-part i { - font-size: 10rem; + font-size: 5rem; } /* */ @@ -2797,7 +2800,7 @@ header .header-logo a { #stats .stat h5 { color: #FFFFFF; margin-top: 1.5rem; - font-size: 0.4rem; + font-size: 1.4rem; } /* */ @@ -2806,7 +2809,7 @@ header .header-logo a { #stats .stat h3 { color: #7c3b08; - font-size: 8.8rem; + font-size: 4.8rem; text-transform: uppercase; letter-spacing: .2rem; margin: 1.5rem 0 0 0; diff --git a/index.html b/index.html index 3b2559a..275b28c 100755 --- a/index.html +++ b/index.html @@ -96,8 +96,8 @@ <h3>Howdy.</h3> <div class="home-content-table"> <div class="home-content-tablecell"> - <div class="row"> - <div class="col-twelve"> + <div class="row" > + <div class="col-twelve" > <div class="home-bottom-text"> <h3 class="animate-intro">Hello, World.</h3>