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.

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

Patch 2 #17

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
65 changes: 65 additions & 0 deletions shalini-18/about us
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
About Us</title>
</head>
<style>
a{
text-decoration:none;
}

a{
display:block;
padding:20px;

color:blue;
}
ul{
list-style-type:none;
font-size:30;
padding:0px;
margin:0px;
}
a:hover{
background-color:lightgrey;
}
a:active{
background-color:lightgreen;
}
.column
{width:30%;
height:100%;
position:relative;
float:left;
background-color:lightblue;}
.col2{
width:70%;
height:100%;
position:relative;
float:left;
}
.row {
display: flex;
height:100%;
position:absolute;
top:0px;
left:0px;
}
</style>
<body style="background-color:violet">
<div class="row">
<div class="column">
<ul>
<li><a href="loader.html">Home</a></li>
<li style="background-color:lightgreen"><a href="about.html">About Us</a></li>
<li><a href="previous.html">Our Previous Sessions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul></div>
<div class="col2">
<h1 style="text-align:center;font-size:50;color:green;">ABOUT US</h1>
<br>
<p style="font-size:30;color:green;text-align:center">Here you can ask your doubts of any subject:physics,maths,biology or chemistry.We have the students from IIT and AIIMS who will solve your doubts.Also we have some proffesional teachers for individual subjects who will help you with your doubts.So if you have any doubt just ask it away here.</p>
</div></div>
</body>
</html>
72 changes: 72 additions & 0 deletions shalini-18/contact us
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Contact Us</title>
<style>
a{
text-decoration:none;
}
a{
display:block;
padding:20px;
color:blue;
}
.column{
width:30%;
height:100%;
position:relative;
float:left;
background-color:lightblue;
}
.col2{
width:70%;
height:100%;
position:relative;
float:left;
}
.row {
display: flex;
height:100%;
position:absolute;
top:0px;
left:0px;
}
ul{
list-style-type:none;
font-size:30;
margin:0px;
padding:0px;
}
a:hover{
background-color:lightgrey;
}
</style>
</head>
<body style="background-color:pink">
<div class="row">
<div class="column">
<ul>
<li><a href="loader.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="previous.html">Our Previous Sessions</a></li>
<li style="background-color:lightgreen"><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="col2">
<h1 style="font-size:50;color:green;">CONTACT US</h1>
<h4 style="font-size:30;color:green;">Call Us</h4>

<p style="font-size:20">1800-500-234<br>
1800-234-345</p>
<h4 style="font-size:30;color:green;">Address</h4>

<p style="font-size:20">123,Advance business Park<br>
Ahmedabad,Gujarat</p>

<h4 style="font-size:30;color:green;">Email Us</h4>
<p style="font-size:20">[email protected]</p>
</div>
</div>
</body>
</html>
132 changes: 132 additions & 0 deletions shalini-18/homepage
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HOME</title>
<style>

#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;

animation: spin 1s linear infinite;
}



@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


.animate-bottom {
position: relative;

animation-name: animatebottom;
animation-duration: 1s
}



@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}

#myDiv {
display: none;

}
a{
text-decoration:none;
}

a{
display:block;
padding:20px;

color:blue;
}
.column
{width:30%;
height:100%;
position:relative;
float:left;
background-color:lightblue;}
.col2{
width:70%;
height:100%;
position:relative;
float:left;
}
.row {
display: flex;
height:100%;
position:absolute;
top:0px;
left:0px;
}
ul{
list-style-type:none;
font-size:20;
padding:0px;
margin:0px;
}
a:hover{
background-color:lightgrey;
}
a:active{
background-color:lightgreen;
}
img{
float:left;
padding:20px;
margin:20px;}
</style>
</head>
<body onload="myFunction()" style="margin:0;">

<div id="loader"></div>

<div style="display:none;background-color:yellow;width:100%;height:100%" id="myDiv" class="animate-bottom">
<div class="row">
<div class="column">
<ul>
<li style="background-color:lightgreen"><a href="loader.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li ><a href="previous.html">Our Previous Sessions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="col2">
<p style="font-size:40;color:green;margin:20px;padding:20px;"><img src="C:\Users\hp\Desktop\WEBSITE-1\doubt.jpg" height="500px" width="500px">
Welcome!!<br>Clear out all of your doubts and don't let them stay long.<br>Clear your concepts!!</p>
</div>
</div>
</div>

<script>
var myVar;

function myFunction() {
myVar = setTimeout(showPage, 1000);
}

function showPage() {
document.getElementById("loader").style.display = "none";
document.getElementById("myDiv").style.display = "block";
}
</script>

</body>
</html>
65 changes: 65 additions & 0 deletions shalini-18/our previous sessions
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Previous Sessions</title>
<style>
a{
text-decoration:none;
}

a{
display:block;
padding:20px;

color:blue;
}
.column
{width:30%;
height:136%;
position:relative;
float:left;
background-color:lightblue;}
.col2{
width:70%;
height:100%;
position:relative;
float:left;
}
.row {
display: flex;
height:100%;
position:absolute;
top:0px;
left:0px;
}
ul{
list-style-type:none;
font-size:30;
padding:0px;
margin:0px;
}
a:hover{
background-color:lightgrey;
}
a:active{
background-color:lightgreen;
}
</style>
</head>
<body style="background-color:orange">
<div class="row">
<div class="column">
<ul>
<li><a href="loader.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li style="background-color:lightgreen"><a href="previous.html">Our Previous Sessions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul></div><div class="col2">
<h1 style="text-align:center;font-size:50;color:green;">OUR PREVIOUS SESSIONS</h1>
<br>
<p style="font-size:30;color:green;text-align:center">So here we have some of our previous sessions where students have asked their doubts answered by us</p>
<img src="C:\Users\hp\Downloads\WhatsApp Image 2019-06-06 at 6.37.27 PM.jpeg" width="100%" height="100% ">
</div></div>
</body>
</html>