PG 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web App Exposure 2025</title>
<style>
body{font-family:sans-serif;background:#154a80;padding:30px}
.box{max-width:800px;margin:auto;background:#fff;padding:30px;border-radius:10px}
h1{color:#2563eb}
.alert{background:#fee2e2;padding:10px;border-left:4px solid #dc2626}
.card{border:1px solid #e2e8f0;padding:15px;border-radius:8px;margin:10px 0}
</style>
</head>
<body>
<div class="box">
<h1>Exposure of Web Applications</h1>
<p>Security Risks & Prevention (2025)</p>
<div class="alert">
<b>Critical:</b> Misconfigured APIs and tools cause major data leaks.
</div>
<h3>Top Risks</h3>
<div class="card">Misconfigured admin tools</div>
<div class="card">Information leakage via errors</div>
<div class="card">Broken access control</div>
<h3>Prevention</h3>
<ul>
<li>Zero Trust access</li>
<li>Automated security scans</li>
<li>Secure secret storage</li>
<li>Enable security headers</li>
</ul>
<p style="text-align:center;font-size:14px;color:gray">
OWASP Top 10 – 2025
</p>
</div>
</body>
</html>
PG 2
<!DOCTYPE html>
<html>
<head>
<title>HTML Controls Example</title>
</head>
<body>
<h2>HTML Form Controls</h2>
<form onsubmit="showMsg(); return false;">
Name:
<input type="text" required><br><br>
Password:
<input type="password" required><br><br>
Gender:
<input type="radio" name="g"> Male
<input type="radio" name="g"> Female<br><br>
Skills:
<input type="checkbox"> HTML
<input type="checkbox"> CSS
<input type="checkbox"> JavaScript<br><br>
Course:
<select>
<option>BSc CS</option>
<option>BCA</option>
<option>BSc IT</option>
</select><br><br>
Address:<br>
<textarea rows="4" cols="30"></textarea><br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
<!-- Success Message -->
<p id="msg" style="color:green;font-weight:bold;"></p>
<script>
function showMsg(){
[Link]("msg").innerText = "Added Successfully";
</script>
</body>
</html>
PG 3
<!DOCTYPE html>
<html>
<head>
<title>HTML Controls</title>
</head>
<body>
<h2>HTML Controls Implementation</h2>
<label>Enter Name:</label>
<input type="text" id="name"><br><br>
<button onclick="showResult()">Submit</button><br><br>
<label id="result" style="color:green;font-weight:bold;"></label>
<script>
function showResult() {
[Link]("result").innerText = "Added Successfully";
</script>
</body>
</html>
PG 4
<!DOCTYPE html>
<html>
<head>
<title>Web Controls Demo</title>
</head>
<body>
<h2>Web Application Using Web Controls</h2>
<form>
<!-- DropDownList -->
Course:
<select>
<option>BSc Computer Science</option>
<option>BCA</option>
<option>BSc IT</option>
</select>
<br><br>
<!-- Radio Buttons -->
Gender:
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<br><br>
<!-- CheckBoxes -->
Skills:
<input type="checkbox"> HTML
<input type="checkbox"> CSS
<input type="checkbox"> JavaScript
<br><br>
<!-- Buttons -->
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>
PG 5
<!DOCTYPE html>
<html>
<head>
<title>List Controls Example</title>
</head>
<body>
<h2>Web Application Using List Controls</h2>
<form>
<!-- ListBox -->
<label>Select Course:</label><br>
<select id="courseList" size="4" multiple>
<option>BSc Computer Science</option>
<option>BCA</option>
<option>BSc IT</option>
<option>MSc CS</option>
</select>
<br><br>
<!-- CheckBoxList -->
<label>Select Skills:</label><br>
<input type="checkbox" name="skills" value="HTML"> HTML <br>
<input type="checkbox" name="skills" value="CSS"> CSS <br>
<input type="checkbox" name="skills" value="JavaScript"> JavaScript <br>
<input type="checkbox" name="skills" value="Python"> Python <br><br>
<button type="button" onclick="showSelected()">Show Selected</button>
</form>
<!-- Output Label -->
<p id="result" style="color:green; font-weight:bold;"></p>
<script>
function showSelected() {
// ListBox selection
let courses = [Link]([Link]("courseList").selectedOptions)
.map(option => [Link]);
// CheckBoxList selection
let skills = [Link]([Link]('input[name="skills"]:checked'))
.map(cb => [Link]);
[Link]("result").innerText =
"Selected Courses: " + [Link](", ") +
" | Selected Skills: " + [Link](", ");
</script>
</body>
</html>
PG 6
<!DOCTYPE html>
<html>
<head>
<title>Rich Controls & Validation</title>
</head>
<body>
<h2>Web Page Using Rich Controls</h2>
<form>
<!-- TextBox with Validation -->
<label>Name:</label><br>
<input type="text" required placeholder="Enter your name">
<br><br>
<!-- Calendar Control -->
<label>Date of Birth:</label><br>
<input type="date" required>
<br><br>
<!-- Email Validation -->
<label>Email:</label><br>
<input type="email" required placeholder="example@[Link]">
<br><br>
<!-- File Upload -->
<label>Upload File:</label><br>
<input type="file" required>
<br><br>
<!-- Buttons -->
<input type="submit" value="Upload">
<input type="reset" value="Reset">
</form>
</body>
</html>