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

day4 #31

Open
wants to merge 20 commits into
base: master
Choose a base branch
from
Open

day4 #31

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
24 changes: 24 additions & 0 deletions calc.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
.calc{
width: 400px;
height: 600px;
background: pink;
margin-left: 25%;
float: none;
}
#screen{
width: 80%;
margin-left: 36px;
height: 40px;
margin-top: 30px;
pointer-events: none;
}
.btn{
width: 60px;
height: 45px;
margin-left: 30px;
margin-top: 30px;
background: bisque;
}
.main{
background: linear-gradient(to bottom, #009999 0%, #00ff99 100%);
}
48 changes: 48 additions & 0 deletions calc.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="calc.css" >
<script src="calc.js"></script>
</head>
<body>
<div class="main">
<center><h1><font color="coral">CALCULATOR</font></h1></center>
<div class="calc">
<div class="output">
<input type="text" id="screen">
</div>
<div class="buttons">
<button onclick="displayClear()" class="btn">C</button>
<div class="row">
<button onclick="buttonClick(7)" class="btn">7</button>
<button onclick="buttonClick(8)" class="btn">8</button>
<button onclick="buttonClick(9)" class="btn">9</button>
<button onclick="buttonClick('/')" class="btn">/</button>
</div>
<div class="row">
<button onclick="buttonClick(4)" class="btn">4</button>
<button onclick="buttonClick(5)" class="btn">5</button>
<button onclick="buttonClick(6)" class="btn">6</button>
<button onclick="buttonClick('*')" class="btn">X</button>
</div>
<div class="row">
<button onclick="buttonClick(1)" class="btn">1</button>
<button onclick="buttonClick(2)" class="btn">2</button>
<button onclick="buttonClick(3)" class="btn">3</button>
<button onclick="buttonClick('-')" class="btn">-</button>
</div>
<div class="row">
<button onclick="buttonClick('.')" class="btn">.</button>
<button onclick="buttonClick(0)" class="btn">0</button>
<button onclick="buttonClick('+')" class="btn">+</button>
<button onclick="equalClick('=')" class="btn">=</button>
</div>
</div>
</div>
</div>

</body>
</html>
12 changes: 12 additions & 0 deletions calc.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
function buttonClick(val)
{
document.getElementById("screen").value=document.getElementById("screen").value+val;
}
function displayClear(){
document.getElementById("screen").value=""
}
function equalClick(){
var text=document.getElementById("screen").value
var result=eval(text)
document.getElementById('screen').value=result
}
Binary file added circle.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cross.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions day3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>MY PAGE</title>
</head>
<body bgcolor="yellow">
<center>
<img src="https://lh3.googleusercontent.com/pw/ACtC-3dnYv3PvevWnNnEKmtw7G_hFJ1sy87PTo7w2dtjmBOdp-aOfCkAgNBY7EXukaySDp0Fq-CUWmpjGFoKKMKbQtLckDlhX4fJYLVv870EP7U6iMPQ-PCgbI4eXxKVAemLkgAZVAE8AoNxKfcI-vWizM-x=s657-no?authuser=0" height="300" width="300" vspace="20" hspace="10" border="2" >
</center>
<br>
<font color="blue"><h2>SNEHA SATHEESH T</h2></font>
<br><br>
<b>B.Tech computer science, 3rd year student at KMCT CEW Kalanthode</b>
<br><br><br>
<p>I am doing this web challenge to learn about GitHub and to improve myself in web designing.</p>
</body>
</html>
47 changes: 47 additions & 0 deletions day4form.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<title>registration form</title>
</head>
<body bgcolor="cornsilk">
<center>
<h1><font color="crimson"><u>REGISTRATION FORM</u></font></h1><br>
<h3><marquee height="20" vspace="30" bgcolor="white">Fill up the registration form in order to access our website</marquee></h3><br><br>
<form>
<label for="FIRST NAME">FIRST NAME: </label>
<input id="FIRST NAME" type="text" name="FIRST NAME" placeholder="FIRST NAME" required=""><br><br>
<label for="LAST NAME">LAST NAME: </label>
<input id="LAST NAME" type="text" name="LAST NAME" placeholder="LAST NAME" required=""><br><br>
<div>
<label for="Male">MALE </label>
<input type="radio" name="Gender" id="Male" value="Male" required="">
<label for="Female">FEMALE </label>
<input type="radio" name="Gender" id="Female" value="Female" required="">
<label for="Other">OTHER </label>
<input type="radio" name="Gender" id="Other" value="Other" required=""><br><br>
</div>
<div>
<label>EMAIL</label>
<input type="email" required > <br><br>
</div>
<div>
<label for="pass">Password (8 characters minimum):</label>
<input type="password" id="pass" name="password" minlength="8" required><br><br>
</div>
<div>
<label for="start"> BIRTHDAY:
<input type="date" id="start" name="trip-start" value="." min="01-01-1970" max="">
</label><br><br>
</div>
<div>
<p> I agree with the terms and conditions
<input type="checkbox" required=""><br>
</p>
<a href="">CLICK HERE TO READ THE TERMS AND CONDITIONS</a><br><br>
</div>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
</center>
</body>
</html>
36 changes: 36 additions & 0 deletions day4table.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>my social media</title>
</head>
<body bgcolor="cornsilk">
<center><font color="darkmagenta"><h1><u>SOCIAL MEDIA WEBSITES</u></h1></font>
<table border="2" width="50%" cellpaddinging="10" bordercolor="crimson">
<tr bgcolor="pink">
<th><font color="maroon"><h3>IMAGE</h3></font></th>
<th><font color="maroon"><h3>NAME</h3></font></th>
<th><font color="maroon"><h3>LINK</h3></font></th>
</tr>
<tr bgcolor="azure">
<td image align="center"><img src="https://lh3.googleusercontent.com/pw/ACtC-3c544nn5xNujzfh9bLZg3rXPSt0NZ4XGKu9SNWjwkR1iDK0TRGYCgfZw-Ay3aTYS21NMMVPYYgQTt6VBReb5RtPBmwo_fujQfZGXkXe0yiV6AG2GYS1I8-y2IIycrcJZwdiEVO449lX5SHOKS3KjhjZ=s657-no?authuser=0" width="100" height="100"></td>
<td text align="center">GitHub</td>
<td text align="center"><a href="https://github.com/snehasatheesht">click here to view my profile</a></td>
</tr>
<tr bgcolor="azure">
<td image align="center"><img src="https://lh3.googleusercontent.com/pw/ACtC-3cEna17J48dTOstv1UyZK0Zq97Q7BcpCFla0W8T28aXWQh7Ks_VLqnhQJ1Hj70S0Cr1B6BsVTuI_Uky8b9ZZYF2e7UTZUnZK8CwKfNUh3PIU0joCtO21jyfOC_NUX-zf0qwW6tJbLCieJI0YrNWKlpN=s554-no?authuser=0" width="100" height="100"></td>
<td text align="center">Facebook</td>
<td text align="center"><a href="https://www.facebook.com/sneha.s.39948856/">click here to view my profile</a></td>
</tr>
<tr bgcolor="azure">
<td image align="center"><img src="https://lh3.googleusercontent.com/pw/ACtC-3eOMjSyKDClij-kKoH9tzhedz31WvEh1qdtUS5lJwX7h9P4sJtg4GfQoUBtYFg-a_P_qCXmsgV-jw5oxVMPGyJuavsucrGS0qfCFC_4i9eEzhCZd0Vnq-pYYoxeAlnJIf9D2m5xGd6lKEekVWTR6t_Z=s657-no?authuser=0" width="100" height="100"></td>
<td text align="center">Whatsapp</td>
<td text align="center"><a href="https://wa.me/917909101759">click here to view my profile </a></td>
</tr>
<tr bgcolor="azure">
<td image align="center"><img src="https://lh3.googleusercontent.com/pw/ACtC-3dc9GSuK022u91Yjqz-Uv7j_6sUq4xIwhmmXapR_BgCLEEyyGb6G8GUpVyk64NbCIQduRmhBaK55nPkr2x3iJdozcu1sSUyS2PBdBI3eYqnnxCuq708J1tne7eOh5ggE_aZnMr1U9EA8LjTkAt5DfHg=s657-no?authuser=0" width="100" height="100"></td>
<td text align="center">Instagram</td>
<td text align="center"><a href="https://www.instagram.com/_s_n_e._h_a_">click here to view my profile</a></td>
</tr></center>
</table>
</body>
</html>
244 changes: 219 additions & 25 deletions index.html

Large diffs are not rendered by default.

25 changes: 25 additions & 0 deletions index1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@

<html><head>
<title>amrutha</title>
</head>
<body>
<h1><i>HELLO WORLD</i></h1><hr>
<H2><u>HELLO WORLD</u></H2>
<H3>HELLO WORLD</H3>
<H4>HELLO WORLD</H4>
<H5>HELLO WORLD</H5>
<H6>HELLO WORLD</H6>
<P>HGYFYFJKUUDDYHBNHGDTDR<b>TYYGHBHHGYTDTDYGHGHJDTJD</b>GYGKVHHDFGYS
GFJJDVBDVDFTFUDHGfaygydfuhcjhgvgcygyvggfygvyg<br>dvygjvhcjvggjcgjvgcgtuddggxgjzgzffuzfuzf
uzxftfdyjxgcgjhgxc</P>
<p>rttr<del>yyfyyh</del>trgfsfsfsrsrsrsgffdttttffyfyfffyyuyuyufgfgfffygyyfttttffyygytttighjgjgkgkkggk
jhkjkhkhkhkhkhkhkuhuhkuhkuhkuhukhukhukhukyitititiyiuyiuyuyiuyuiyt7t6t6rtrttrftrtyrtrtr</p>
<button>click here</button><br>
<a href="http://google.com">google</a><br>
<img src="sophia.jpg" width="120px" height="120px">



</body>
</html>

1 change: 1 addition & 0 deletions myprof.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

37 changes: 37 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
.hi{
background-image: url('https://i.pinimg.com/originals/f4/52/a2/f452a2f4b634b3011e065da8eaf0a5c3.gif');
background-size: cover;
width: 100%;
height: 100vh;
padding:0;
margin:0;
}

.about h1 {
font-family: 'Courier New', Courier, monospace;
font-size: 3rem;
opacity: .7 ;
color: snow;
text-shadow: 0 2px rgb(71, 51, 184), 0 3px #fffda0;
}
.skill h1 {
font-family: 'Courier New', Courier, monospace;
font-size: 3rem;
opacity: .7 ;
color: snow;
text-shadow: 0 2px rgb(71, 51, 184), 0 3px #fffda0;
}
.edu h1 {
font-family: 'Courier New', Courier, monospace;
font-size: 3rem;
opacity: .7 ;
color: snow;
text-shadow: 0 2px rgb(71, 51, 184), 0 3px #fffda0;
}
.contact h1 {
font-family: 'Courier New', Courier, monospace;
font-size: 3rem;
opacity: .7 ;
color: snow;
text-shadow: 0 2px rgb(71, 51, 184), 0 3px #fffda0;
}
20 changes: 20 additions & 0 deletions tb.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
.grid div{
width:200px;
height:200px;
background-color:white;
margin-bottom:5px;
}
.grid{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:610px;
height:610px;
background-color:black;
}
.playerX{
background-image:url('cross.jpeg')
}
.player0{
background-image:url('circle.jpeg')
}
24 changes: 24 additions & 0 deletions tb.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tictac board</title>
<link rel="stylesheet" href="tb.css">
</head>
<body>
<script src="tb.js"></script>
<h3 id="player">playerX</h3>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
26 changes: 26 additions & 0 deletions tb.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
document.addEventListener('DOMContentLoaded',() =>
{
const squares=document.querySelectorAll('.grid div')
const playerDisplay=document.querySelector('#player')
let currentPlayer='playerX'
squares.forEach(square =>
{
square.addEventListener('click',clickOutcome)
})
function clickOutcome(e)
{
const squareArray=Array.from(squares)
const index=squareArray.indexOf(e.target)
playerDisplay.innerHTML=currentPlayer
if(currentPlayer==='playerX')
{
squares[index].classList.add('playerX')
currentPlayer='player0'
}
else
{
squares[index].classList.add('player0')
currentPlayer='playerX'
}
}
})