Skip to content

projects #2809

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
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

projects #2809

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
21 changes: 21 additions & 0 deletions Calculater/Index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Temperature Converter</title>
</head>
<body>
<div class="container">
<h1>Temperature Converter</h1>
<div class="input-container">
<input type="number" id="inputTemperature" placeholder="Enter temperature in Celsius">
<button id="convertButton">Convert</button>
</div>
<div id="result" class="result"></div>
</div>

<script src="script.js"></script>
</body>
</html>
13 changes: 13 additions & 0 deletions Calculater/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
const convertButton = document.getElementById('convertButton');
const inputTemperature = document.getElementById('inputTemperature');
const result = document.getElementById('result');

convertButton.addEventListener('click', () => {
const celsius = parseFloat(inputTemperature.value);
if (!isNaN(celsius)) {
const fahrenheit = (celsius * 9/5) + 32;
result.textContent = `${celsius.toFixed(2)}°C is ${fahrenheit.toFixed(2)}°F`;
} else {
result.textContent = 'Please enter a valid temperature.';
}
});
47 changes: 47 additions & 0 deletions Calculater/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.container {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}

h1 {
margin-bottom: 20px;
color: #333;
}

.input-container {
margin-bottom: 20px;
}

input {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}

button {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}

.result {
color: #333;
font-size: 24px;
font-weight: bold;
}
59 changes: 59 additions & 0 deletions portfolio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Pranav Singh - Portfolio</title>

</head>
<body>
<header>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

<section id="about">


<h1>About Me</h1>
<h1>Pranav Singh</h1>
<p>
Hi there! I'm a Computer science engineering student with a passion for programming. My expertise lies in C and Java programming languages wiht knowledge in web development, and I love to explore new concepts and techniques in these languages.
As a lead in C and Java programming, I have developed several projects that demonstrate my understanding of these languages. I am always eager to collaborate with like-minded individuals who share my enthusiasm for programming and enjoy learning new things.
In my free time, I like to stay up to date with the latest advancements in the tech industry and explore new programming paradigms. I believe that learning is a lifelong process, and I am committed to expanding my knowledge and skills as a computer scientist.
Feel free to connect with me if you share my passion for programming or if you are interested in collaborating on a project. I look forward to meeting you!</p>
</section>

<section id="projects">
<h1>Projects</h1>
<div class="project 1">
<h3>Temperature Wizard</h3>
<p>Temperature Wizard is a web-based temperature calculator application built using HTML, CSS, and JavaScript. It allows users to convert temperatures between different units, such as Celsius, Fahrenheit, and Kelvin.</p>
</div>

<div class="project 2">
<h3>Payment form </h3>
<p>Payment form is a web-based detail and fees collecting form built using HTML, CSS, and JavaScript.
It allows users to fill their personal details in form like name ,email,phone number, date of birth and address and given a calender to select the date and given multiple option of bank to pay using your choice of bank.</p>
</div>

</section>

<section id="contact">
<h1>Contact Me</h1>
<p>You can reach me at
<a href="mailto:your@email.com">pranavsingh703@email.com</a>
</p>
</section>

<footer>
<p>&copy; 2023 Pranav Singh. All rights reserved.</p>
</footer>
</body>
</html>
42 changes: 42 additions & 0 deletions portfolio/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
/* Reset default margins and paddings */
body, h1, h2, p, ul, li {
margin: 0;
padding: 0;
}

/* Style header and navigation */
header {
background-color: #494949;
color: rgb(180, 0, 0);
paddingrgb(248, 0, 0)
}

nav ul {
list-style-type: style out;
}

nav li {
display: inline;
margin-right: 20px;
}

nav a {
text-decoration: none;
color: rgb(124, 255, 97);
}

section {
padding: 2rem;
}

.project {
margin-bottom: 2rem;
}

footer {
background-color: #494949;
color: rgb(124, 255, 97);
text-align: center;
padding: 1rem;
}