Skip to content

Task5 #34

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

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

Task5 #34

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
2cb5905
Task-1
RaunakSRajpal Jun 4, 2021
3738bc3
Merge branch 'willcmc:main' into main
RaunakSRajpal Jun 4, 2021
89d237c
Task-1
RaunakSRajpal Jun 4, 2021
c185d0f
idex1.html added
RaunakSRajpal Jun 4, 2021
524e9b8
image added
RaunakSRajpal Jun 4, 2021
da768ea
index3.html added
RaunakSRajpal Jun 4, 2021
9527b8a
index5.html added
RaunakSRajpal Jun 4, 2021
17b3138
Rename index1.html to index.html
RaunakSRajpal Jul 20, 2021
95fdbd1
Rename index.html to index1.html
RaunakSRajpal Jul 20, 2021
9bc5c26
Rename index3.html to index.html
RaunakSRajpal Jul 20, 2021
4c08d5c
Rename index.html to index3.html
RaunakSRajpal Jul 20, 2021
67175c0
Rename index5.html to index.html
RaunakSRajpal Jul 20, 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
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ Your entry should maintain alphabetic order and it should be in the format:
- Aditya Uppal [aditya-uppal](http://github.com/aditya-uppal)
- Anubhab Dasgupta [anubhabdg7](https://github.com/anubhabdg7)
- Manideep Sridhara [manideep1108](http://github.com/manideep1108)
- Raunak Singh Rajpal [RaunakSRajpal](https://github.com/RaunakSRajpal)
- SHANMUKH [Shanmukh-C](https://github.com/Shanmukh-C)
- Viswesh N [Viswesh-N](http://github.com/Viswesh-N)

Expand Down
90 changes: 90 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Task-5-page-5</title>
<style media="screen">
html {
height: 100%;
width: 100%;
overflow: hidden;
}

body {
height: 100%;
padding: 0px;
margin: 0px;
overflow-x: hidden;
overflow-y: scroll;
font-family: 'Lato';
font-size: 27px;
font-weight: 200;
}

.pimg3 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
}

.pimg3 {
background-image: url('pexels-roberto-nickson-2885320.jpg');
min-height: 100vh;
}

.itext {
position: absolute;
top: 50vh;
width: 100vw;
color: #ffffff;
text-align: center;
font-size: 47px;
font-family: "Luna";
object-position: center;
}

.border {
object-position: center;
}

.pstyle {
padding: 50px 80px;
text-align: center;
opacity: 1.0;
}

.p1 {
background-color: #23343f;
color: #d8e0e5;
}

.p3 {
background-color: #151e3d;
color: #d8e0e5;
}

</style>
</head>

<body>

<section class="p1 pstyle">
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>

<div class="pimg3">
<div class="itext">
<span class="border">Task-5-file-5</span>
</div>
</div>

<section class="p3 pstyle">
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>

</body>
</html>
32 changes: 32 additions & 0 deletions index1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Task-5-page-1</title>

<style media="screen">
html{
height: 100%;
width: 100%;
overflow: hidden;
}

body{
background-color: dodgerBlue;
}

p{
text-align: center;
font-family: "Luna";
color: #ffffff;
font-size:27px;
}

</style>
</head>

<body>
<h1><center>lorum ipsum</center></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
57 changes: 57 additions & 0 deletions index3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Task-5-page-3</title>

<style media="screen">
html{
height : 100%;
width : 100%;
overflow : hidden;
}

body{
background-color : dodgerBlue;
width : 100%;
margin : 0px;
padding: 0px;
}

p{
text-align : center;
font-size :25px;
}

.text1{
font-family : "Luna";
color : #ffffff;
}

.text2{
font-family : "calibri";
color : gray;
}

.band{
background-color : indigo;
width : 100%;
margin : 0px;
padding : 25px
}

</style>
</head>

<body>
<h1><center>Lorum Ipsum</center></h1>
<p class="text1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

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

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

</body>
</html>
Binary file added pexels-roberto-nickson-2885320.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.