Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Day 2: TASK COMPLETED #19

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Day 2: TASK COMPLETED #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6a91382
Update index.html
JainShreya26 May 16, 2021
df12f37
CHANGES DONE!
JainShreya26 May 16, 2021
29ab381
CHANGES DONE!
JainShreya26 May 16, 2021
da636b6
Update README.md
JainShreya26 May 16, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
I have completed the given task:
Here's the link to the website:
https://port-shreya.herokuapp.com/

# idtc-opensource-day2

**Step-1:** Fork the repository.<br/>
Expand Down
37 changes: 20 additions & 17 deletions css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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%;
}

/* ===================================================================
Expand Down Expand Up @@ -1337,6 +1337,7 @@ input::-moz-focus-inner {

.wide {
max-width: 1300px;
font-family: "montserrat-regular";
}

.narrow {
Expand All @@ -1346,6 +1347,7 @@ input::-moz-focus-inner {
.js .animate-this,
.js .animate-intro {
opacity: 0;

}

.oldie .animate-this,
Expand Down Expand Up @@ -1739,7 +1741,7 @@ header .header-logo a {

.home-content-tablecell h1 {
font-family: "librebaskerville-bold", serif;
font-size: 2.2rem;
font-size: 5.2rem;
line-height: 1.5;
color: #FFFFFF;
}
Expand Down Expand Up @@ -1791,7 +1793,7 @@ header .header-logo a {
/* */

.home-bottom-text {
text-align: right;
text-align: left;
}

/* */
Expand Down Expand Up @@ -2018,6 +2020,7 @@ header .header-logo a {
width: 94%;
max-width: 1300px;
margin: 0 auto;
font-family: "montserrat-regular";
}

.about-wrap:before,
Expand Down Expand Up @@ -2054,7 +2057,7 @@ header .header-logo a {

.about-profile p {
font-size: 1rem;
line-height: 1px;
/* line-height: 1px; */
}

/* */
Expand Down Expand Up @@ -2097,7 +2100,7 @@ header .header-logo a {
margin-bottom: 1.5rem;
color: #4f4f4f;
font-size: 10px;
line-height: 1rem;
line-height: 2.5rem;
}

/* */
Expand All @@ -2113,7 +2116,7 @@ header .header-logo a {
/* */

.about-services ul.services .icon-wrap i {
font-size: 10rem;
font-size: 5rem;
}

/* */
Expand Down Expand Up @@ -3254,4 +3257,4 @@ footer .footer-social li:last-child {
right: 0;
}

}
}
31 changes: 16 additions & 15 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,24 +144,25 @@ <h1 class="animate-intro">
<h3 class="animate-this">About</h3>
<h1 class="animate-this">More About Me.</h1>

<p class="lead animate-this">Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad
<p class="animate-this">Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad
cupidatat eu veniam nostrud mollit laboris sunt magna velit culpa consectetur nostrud
consectetur labore sed do.</p>
<p class="animate-this">
Lorem ipsum Nisi officia Duis irure voluptate dolor commodo pariatur occaecat aliquip adipisicing
voluptate Ut in qui ea sint occaecat in commodo in in in incididunt ut sunt in Ut Duis in ut ex qui
anim cupidatat cupidatat ex in non dolore labore ea amet cillum ea qui dolor nisi sed velit mollit
exercitation ex fugiat labore in deserunt culpa laborum culpa anim dolore laboris amet irure mollit
proident velit fugiat aute ea elit magna consequat qui officia quis elit Duis dolor esse cupidatat
tempor proident voluptate aliqua ex cupidatat do eiusmod veniam irure laborum ut magna nostrud
dolore ullamco commodo elit sit magna aliqua laborum veniam officia dolor.
</p>

<p class="animate-this">Lorem ipsum Minim nisi dolore proident Ut dolor quis deserunt voluptate Ut
voluptate enim ut adipisicing fugiat cupidatat nisi adipisicing labore non adipisicing in sit
proident. Ut in qui ea sint occaecat in commodo in in in incididunt ut</p>
</div>

<p class="animate-this">
Lorem ipsum Nisi officia Duis irure voluptate dolor commodo pariatur occaecat aliquip adipisicing
voluptate Ut in qui ea sint occaecat in commodo in in in incididunt ut sunt in Ut Duis in ut ex qui
anim cupidatat cupidatat ex in non dolore labore ea amet cillum ea qui dolor nisi sed velit mollit
exercitation ex fugiat labore in deserunt culpa laborum culpa anim dolore laboris amet irure mollit
proident velit fugiat aute ea elit magna consequat qui officia quis elit Duis dolor esse cupidatat
tempor proident voluptate aliqua ex cupidatat do eiusmod veniam irure laborum ut magna nostrud
dolore ullamco commodo elit sit magna aliqua laborum veniam officia dolor.
</p>

<p class="animate-this">Lorem ipsum Minim nisi dolore proident Ut dolor quis deserunt voluptate Ut
voluptate enim ut adipisicing fugiat cupidatat nisi adipisicing labore non adipisicing in sit
proident. Ut in qui ea sint occaecat in commodo in in in incididunt ut</p>


<p>
<a href="#" class="button full-width animate-this">Contact Me</a>
Expand Down Expand Up @@ -809,4 +810,4 @@ <h5 class="animate-this">Call Me At</h5>

</body>

</html>
</html>