Skip to content

Update launch.json #630

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: main
Choose a base branch
from
Open

Update launch.json #630

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
196 changes: 182 additions & 14 deletions .vscode/launch.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,182 @@
{
// Use IntelliSense to learn about possible Node.js debug attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${file}"
}
]
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>My Portfolio</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<header>
<nav>
<h1 class="logo">MyPortfolio</h1>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<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="home" class="hero">
<h2>Hi, I'm <span>Your Name</span></h2>
<p>I'm a passionate Web Developer</p>
</section>

<section id="about" class="about">
<h2>About Me</h2>
<p>
I'm a developer who loves building websites and web applications. I have experience in HTML, CSS, JavaScript, and more.
</p>
</section>

<section id="projects" class="projects">
<h2>Projects</h2>
<div class="project-cards">
<div class="card">
<h3>Project One</h3>
<p>Description of your first project.</p>
</div>
<div class="card">
<h3>Project Two</h3>
<p>Description of your second project.</p>
</div>
</div>
</section>

<section id="contact" class="contact">
<h2>Contact Me</h2>
<form>
<input type="text" placeholder="Your Name" required/>
<input type="email" placeholder="Your Email" required/>
<textarea placeholder="Your Message" rows="5" required></textarea>
<button type="submit">Send</button>
</form>
</section>

<footer>
<p>&copy; 2025 Your Name. All Rights Reserved.</p>
</footer>
</body>
</html>
/* Reset some defaults */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* General styles */
body {
font-family: 'Segoe UI', sans-serif;
line-height: 1.6;
background: #f9f9f9;
color: #333;
}

/* Navbar */
nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background: #111;
color: white;
}

.logo {
font-size: 1.5em;
font-weight: bold;
}

.nav-links {
list-style: none;
display: flex;
}

.nav-links li {
margin-left: 20px;
}

.nav-links a {
color: white;
text-decoration: none;
font-weight: bold;
}

.nav-links a:hover {
color: #00bcd4;
}

/* Hero Section */
.hero {
height: 90vh;
background: linear-gradient(to right, #00bcd4, #2196f3);
color: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}

.hero span {
color: #ffd600;
}

/* Section styles */
section {
padding: 60px 20px;
max-width: 1000px;
margin: auto;
}

.about, .projects, .contact {
background: white;
margin-bottom: 20px;
border-radius: 10px;
padding: 40px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.projects .project-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
}

.card {
background: #f1f1f1;
padding: 20px;
border-radius: 8px;
}

form input, form textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}

form button {
background: #00bcd4;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

form button:hover {
background: #0097a7;
}

/* Footer */
footer {
text-align: center;
padding: 20px;
background: #111;
color: white;
}