BCSL 057 Solved Assignment 2021-22 PDF

Preview

Summary

1) Source Code:header<div> <div> <img src="logo" alt="logo" height="40" width="40" /> <span>Shimla Health Center</span> </div> <div> <a href="home">Home</a> <a href="login">Login</a> <a href="health_update">Health Update</a&g...

Description

1) Source Code: header.html

Shimla Health Center

Home Login Health Update Feedback

information.html

Home Login Health Update Feedback

developer.html

© Developer abc

style.css :root{ --primary-color: black; --secondary-color: orange;

}

body{ margin: 0; }

#header, #developer { width: 100%; position: fixed; background: var(--primary-color); padding: 20px 0; color: var(--secondary-color); }

#logo-parent{ margin-left: 30px; }

#logo-parent span{ font-size: 25px; float: right; margin-right: 280px; }

#header { top: 0; padding-bottom: 7px; }

#developer { bottom: 0; text-align: center; }

#header-nav{ border: 1px solid yellowgreen; margin: 20px 10px 0px 10px; }

#header-nav a{ display: inline-block; text-align: center; width: 24%; font-size: 20px; text-decoration: none; color: var(--secondary-color); }

#information_options { width: 20%; position: fixed; background-color: var(--secondary-color); top: 116px; height: 100%; }

#information_options a{ display: block; padding: 10px;

text-decoration: none; color:var(--primary-color); font-size: 20px; }

#health_information { width: 79%; position: fixed; left: 20%; top: 110px; padding: 0 10px; }

#information_options a:hover, #header-nav a:hover{ opacity: 0.7; }

#header-nav a:active, #information_options a:active{ text-decoration: underline; }

label{ font-style: italic; }

#author_line{ float: right; font-style: italic; margin-right: 20px; }

home.jsp

Shimla Health Center





Home Welcome to Shimla Health Center Our foundation stands on the philosophy of putting patients first in everything we do. Our tertiary care hospitals in Shimla and Delhi are completely equipped to provide complete support to patients along with their families. To win the war against diseases, we provide the best infrastructure, technology, quality and skillsets. Having practised the 'Patient First' ideology, we at Shimla Health Care have grown successfully over the years with philanthropic ideals and a compassionate business model. Joe Rogan, Administrative Officer of Shimla Health Care





db_conf.jsp

db_init.jsp

db_functions.jsp

db_exit.jsp

forms.css input[type=text], input[type=number], input[type=password], select { width: 100%;

padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }

input[type=submit] { width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; }

input[type=submit]:hover { background-color: #45a049; }

textarea { width: 100%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px;

background-color: #f8f8f8; resize: none; }

tables.css table{ border-collapse: collapse; width: 60%; font-size: 18px; }

th, td { text-align: left; padding: 8px; }

tr:nth-child(even){ background-color: #f2f2f2; }

login.js function submit_form() { var form = document.forms[0]; var username = form.username.value; var password = form.password.value;

if(username == "" || password.length < 4) { alert("Username cannot be blank and Password needs to be atleast 4 characters!"); } else { form.submit();

}

}

logout.jsp



login.jsp





Shimla Health Center...