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

TASK 2 #48

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
+252 −8
Open

TASK 2 #48

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
cfb0301
Add files via upload
faminavp Aug 15, 2020
6fa92bd
Add files via upload
faminavp Aug 17, 2020
2edc7e2
Add files via upload
faminavp Aug 20, 2020
197a4c5
Delete index.html
faminavp Aug 20, 2020
df10d17
Add files via upload
faminavp Aug 23, 2020
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
55 changes: 55 additions & 0 deletions calc..html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!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><center>
<h1><font color="white">Calculator</h1>
<div class="main-body">
<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">*</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>
</center>
</body>
</html>
22 changes: 22 additions & 0 deletions calc.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
body{
background-color: rgb(182, 247, 144);
background-image: url(https://images.unsplash.com/photo-1559686475-c44247959fbc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);
}
#screen{
width: 27%;
margin-left: 36px;
height: 40px;
margin-top: 30px;
pointer-events: none;
}
.btn{
width: 60px;
height: 45px;
margin-left: 30px;
margin-top: 30px;
font-size: 20px;
background-color: #f1e5e5;
}



12 changes: 12 additions & 0 deletions calc.js
View file
Open in desktop
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
}
44 changes: 44 additions & 0 deletions form.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h2>Registration Form</h2>
<form>
<label for="FirstName">First Name:</label>
<input id="FirstName" type="text" name="First Name" placeholder="First Name" required="">
<br><br>
<label for="LastName">Last Name:</label>
<input id="LastName" type="text" name="Last Name" placeholder="Last Name" required="">
<br>
<br>
<label>Gender:</label>
<label for ="male">Male</label>
<input id="male" name="gender" type="radio" value="male" required="">
<label for ="female">Female</label>
<input id="female" name="gender" type="radio" value="female" required="">
<label for ="other">Other</label>
<input id="other" name="gender" type="radio" value="Other" required="">
<br><br>
<label for="start">Date Of Birthday:
<input id="start"type="date" name="trip-start" value=""min="01-01-1950" max="" required="">
</label>
<br>
<br>
<label for="Email">Email Address:
<input id="email"type="email" name="email" placeholder="Email Address" required="">
<br>
<br>
</label>
<label for="Password">Password:
<input id="Password"type="Password" name="Password" placeholder="Password" required="">
</label>
<p>
<input type="checkbox" name="t&cc" value="t&c"required="" >I accept the terms and condition
</p>
<input type="submit" value="Submit">
</form>
</body>
</head>
</html>
8 changes: 0 additions & 8 deletions index.html
View file
Open in desktop

This file was deleted.

72 changes: 72 additions & 0 deletions porrtfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!doctype html>
<html>
<head>
<title>My Portfolio</title>
</head>
<style>
body{
background-color: rgba(11, 14, 219, 0.068);
background-image: url(https://images.unsplash.com/photo-1509624776920-0fac24a9dfda?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80);
background-repeat: no-repeat;
background-size: cover;

}

</style>
<body>
<center><h1><br><br>Hi, I'm Famina.V.P</h1>
<p>Community Lead at TinkerHub | Bachelor of Technology in Information Technology</p>
<img src="https://media-exp1.licdn.com/dms/image/C5603AQFnmBUz5LQQag/profile-displayphoto-shrink_200_200/0?e=1603324800&v=beta&t=8Gpno655-6yd7Qe-rrIozg-3F69Xp7_BOZli_QdLZrU" width="300px" height="400px";border="3" ;>

</center><br><br>

<center><table border="2" width="460mm">

<tr >
<th>Platform Logo</th>
<th>Platform Name</th>
<th>User name</th>

</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/github/github_PNG65.png" width="50%" height="100px" >
<td text align="center">Github</td>
<td text align="center" ><a href="https://github.com/faminavp">faminavp</a></td>
</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/linkedIn/linkedIn_PNG34.png" width="50%" height="100px" >
<td text align="center">LinkedIn</td>
<td text align="center" ><a href="https://linkedin.com/in/faminavp">famina vp</a></td>
</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/instagram/instagram_PNG12.png" width="50%" height="100px" >
<td text align="center">Instagram</td>
<td text align="center" ><a href="https://www.instagram.com/famina.v.p/">famina.v.p</a></td>
</tr>
<tr><td>
<center> <img src="http://pngimg.com/uploads/whatsapp/whatsapp_PNG18.png" width="70%" height="100px" >
<td text align="center">WhatsaApp</td>
<td text align="center" ><a href="https://wa.me/9061460706">famina.v.p</a></td>
</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/facebook_logos/facebook_logos_PNG19764.png" width="60%" height="100px" >
<td text align="center">Facebook</td>
<td text align="center" ><a href="https://www.facebook.com/zafa.faz.3/">famina.v.p</a></td>
</tr>
</table>
<div>
<ul>
<li ><a href="" > About Me</a></li>
<li><a href="" > Skills</a></li>
<li ><a href=""> Experience</a></li>
<li><a href="" > Contact Me</a></li>
</ul>

</div>
</body>
</html>

47 changes: 47 additions & 0 deletions socialmedia.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<html>
<head>
<title>Social Media</title>
<caption><h1> <center>Social Media Accounts</caption></h1>
<body style="background-color :#fafafa;">
<center>
<table border="2" width="460mm">

<tr >
<th>Platform Logo</th>
<th>Platform Name</th>
<th>User name</th>

</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/github/github_PNG65.png" width="50%" height="100px" >
<td text align="center">Github</td>
<td text align="center" ><a href="https://github.com/faminavp">faminavp</a></td>
</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/linkedIn/linkedIn_PNG34.png" width="50%" height="100px" >
<td text align="center">LinkedIn</td>
<td text align="center" ><a href="https://linkedin.com/in/faminavp">famina vp</a></td>
</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/instagram/instagram_PNG12.png" width="50%" height="100px" >
<td text align="center">Instagram</td>
<td text align="center" ><a href="https://www.instagram.com/famina.v.p/">famina.v.p</a></td>
</tr>
<tr><td>
<center> <img src="http://pngimg.com/uploads/whatsapp/whatsapp_PNG18.png" width="70%" height="100px" >
<td text align="center">WhatsaApp</td>
<td text align="center" ><a href="https://wa.me/9061460706">famina.v.p</a></td>
</tr>
<tr>
<td>
<center> <img src="http://pngimg.com/uploads/facebook_logos/facebook_logos_PNG19764.png" width="60%" height="100px" >
<td text align="center">Facebook</td>
<td text align="center" ><a href="https://www.facebook.com/zafa.faz.3/">famina.v.p</a></td>
</tr>
</table>
</body>
</head>
</html>