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

My work for the day #34

Open
wants to merge 7 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
51 changes: 51 additions & 0 deletions calculator.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
body{
padding:0;
margin:0;
background:linear-gradient(to right, #00AAFF, #00FF6C);
}
.calc{
width: 320px;
height:520px;
background-color: white;
margin: 0 auto;
top: 20px;
poosition:relative;
border-radius:5px;
}
#screen{
width:75%;
height:80px;
margin-left: 36px;
margin-top: 30px;
pointer-events: none;
}
.operator,.number,.empty{
width:50px;
height:50px;
margin:15px;
float:left;
border-radius:50%;
border-width:0;
font-weight: bold;
font-size:15px;
}
button:nth-child(4){
font-size: 20px;
background-color: #20b2aa;
}
button:nth-child(8){
font-size: 20px;
background-color: #ffa500;
}
button:nth-child(12){
font-size: 20px;
background-color: #f08080;
}
button:nth-child(16){
font-size: 20px;
background-color: #7d93e0;
}
button:nth-child(20){
font-size: 20px;
background-color: #9477af;
}
38 changes: 38 additions & 0 deletions calculator.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<link href="calculator.css" rel="stylesheet">
<script src="calculator.js"> </script>
</head>
<body>
<div class="calc">
<div class="result">
<input type="text" id="screen">
</div>
<div class="keyboard">
<div class="row">
<button class="empty" id="empty"></button>
<button onclick="displayClear()" class="operator">C</button>
<button class="empty" id="empty"></button>
<button onclick="buttonClick('/')" class="operator">/</button>
<button onclick="buttonClick(7)" class="number">7</button>
<button onclick="buttonClick(8)" class="number">8</button>
<button onclick="buttonClick(9)" class="number">9</button>
<button onclick="buttonClick('*')"class="operator">*</button>
<button onclick="buttonClick(4)" class="number">4</button>
<button onclick="buttonClick(5)"class="number">5</button>
<button onclick="buttonClick(6)"class="number">6</button>
<button onclick="buttonClick('+')" class="operator">+</button>
<button onclick="buttonClick(1)"class="number">1</button>
<button onclick="buttonClick(2)"class="number">2</button>
<button onclick="buttonClick(3)"class="number">3</button>
<button onclick="buttonClick('-')" class="operator">-</button>
<button class="empty" id="empty"></button>
<button onclick="buttonClick(0)"class="number">0</button>
<button onclick="buttonClick('.')" class="operator">.</button>
<button onClick="equalClick('=')" class="operator">=</button>
</div>
</div>
</body>
</html>
14 changes: 14 additions & 0 deletions calculator.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
function buttonClick(val)
{
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
}
32 changes: 32 additions & 0 deletions day3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html >
<html>
<head>
<title> PUBLIC CARD </title>
</head>
<body>
<img src="https://drive.google.com/thumbnail?id=1XW4z9bToMUSeDnG4n25zf88_4rd9JSdb">
<h1><b>Abhishek K Sundar</b></h1>
<h3>Student . Kozhikode,Kerala</h3>
<hr>
<h3>ABOUT</h3>
<P>-> B.Tech Mechanical Engineering Student at KMCT COLLEGE OF ENGINEERNG</P>
<P>-> Crew Member of TinkerHub </P>
<p>-> NSS Volunteer</p>
<BR>
<h3>CONTACT</h3>
<p>Email : [email protected] </p>
<p>Phone : 9645567629 </p>
<br>
<h3>Social Profile</h3>
<p><a href="https://www.linkedin.com/in/abhishek-k-sundar-5764aa1b3">LinkedIn</a></p>
<p><a href="https://www.instagram.com/_._abhiiii_._">Instagram</a></p>
<p><a href="https://www.facebook.com/abhishek.ks.7505">Facebook</a></p>
<br>
<h3>Why I joined Fi-Pro Challenge? </h3>
<p>I was pretty excited when I came to know about this Fi-Pro Challenge. Eventhough I am Mechanical Engineering Student, I was interested to learn something new and useful . </p>
<p>As soon as I saw the poster of this program, no second thoughts came to my mind. I registered for the program right then. I did my higher secondary schooling in computer </p>
<p>science department and have basic knowledge in html , java , etc... So I thought of brushing up my knowledge and learn Web-Development. Why should I miss such an oppurtunity</p>
<P>of learning something new that too absolutely free.</P>
<hr>
</body>
</html>
71 changes: 71 additions & 0 deletions day4form.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<title>SUBMISSION FORM </title>
</head>
<body>
<center>
<form>
<h1><U>REGISTRATION FORM </U></h1>
<h3><u>RELIANCE FOUNDATION FOOTBALL SELECTION (KERALA)</u></h3>
<label for="First Name">First Name<span class="required">*</span></label>
<input name="First Name" id="First Type" type="text" placeholder="Enter your First Name" required>
</div>
<br>
<div>
<label for="Last Name">Last Name</label>
<input name="Last Name" id="Last Name" type="text" placeholder="Enter your Second Name ">
</div>
<br>
<br>
<DIV>
<label for="Gender">Gender<span class="required">*</span></label>
<br>
<label for="Male">Male</label>
<input name="Gender" id="Male" type="radio" required>
<label for="Female">Female</label>
<input name="Gender" id="Female" type="radio" required>
</DIV>
<br>
<br>
<div>
<label for="phone number">Phone Number<span class="required">*</span></label>
<input name="phone number" id="phone number" type="tel" placeholder="Enter your Phone Number" required>
</div>
<br>
<br>
<div>
<label for="Category">Choose a Category<span class="required">*</span></label>
<select>
<option>Sub-Junior</option>
<option>Junior</option>
<option>Senior</option>
</select>
</div>
<br>
<br>
<div>
<label for="District">District<span class="required">*</span></label>
<input name="district" id="district" type="text" required>
</div>
<br>
<br>
<div>
<label for="school name">School Name<span class="required">*</span></label>
<input name="school name" id="school name" type="text" required>
</div>
<br>
<br>
<div>
<label for="pincode">PINCODE<span class="required">*</span></label>
<input name="pincode" id="pincode" type="postal" placeholder="Enter your Schools Pincode" required>
</div>
<br>
<br>
<br>
<input type="submit">
</center>
</form>

</body>
</html>
39 changes: 39 additions & 0 deletions day4table.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<title>Social Profiles</title>
</head>
<body>
<center>
<h1><u>MY SOCIAL PROFILES</u></h1>
<br>
<table border="1">
<tr>
<th>Social Media</th>
<th>Username</th>
<th>Link</th>
</tr>
<tr>
<td><img src="http://pngimg.com/uploads/instagram/instagram_PNG12.png" width="20%" height="20%"></td>
<td> _._abhiiii_._ </td>
<td><a href="https://www.instagram.com/_._abhiiii_._">Instagram</a></td>
</tr>
<tr>
<td><img src="http://pngimg.com/uploads/facebook_logos/facebook_logos_PNG19753.png" width="20%" height="50%"></td>
<td>Abhishek K Sundar</td>
<td><a href="https://www.facebook.com/abhishek.ks.7505">Facebook</a></td>
</tr>
<tr>
<td><img src="http://pngimg.com/uploads/linkedIn/linkedIn_PNG32.png" width="20%" height="30%"></td>
<td>Abhishek K Sundar</td>
<td><a href="https://www.linkedin.com/in/abhishek-k-sundar-5764aa1b3">LinkedIn</a></td>
</tr>
<tr>
<td><img src="http://pngimg.com/uploads/github/github_PNG87.png "width="20%" height="30%"></td>
<td>AbhishekKSundar</td>
<td><a href="https://github.com/AbhishekKSundar">GitHub</a></td>
</tr>
</table>
</center>
</body>
</html>
Loading