To design a web application for a standard calculator with minimum five operations.
Clone the github repository and create Django admin interface.
Change settings.py file to allow request from all hosts.
Use CSS for creating attractive colors.
Write JavaScript program for implementing five different operations.
Validate the HTML and CSS code.
Publish the website in the given URL.
<!DOCTYPE html>
<html>
<head>
<title>Software Product Development Company</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="people.html">People</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</header>
<main>
<h1>Welcome to our Software Product Development Company</h1>
<p>We specialize in developing high-quality software products to meet your needs.</p>
</main>
<footer>
<p>© 2023 Your Name</p>
</footer>
</body>
</html>
Additional Information:
Products Page:
php
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Software Product Development Company - Products</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<!-- Navigation code here -->
</header>
<main>
<h1>Our Products</h1>
<ul>
<li>Product 1</li>
<li>Product 2</li>
<li>Product 3</li>
<!-- Repeat for remaining products -->
</ul>
</main>
<footer>
<p>© 2023 Your Name</p>
</footer>
</body>
</html>
People Page:
php
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Software Product Development Company - People</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<!-- Navigation code here -->
</header>
<main>
<h1>Our Team</h1>
<ul>
<li>
<img src="person1.jpg" alt="Person 1">
<h3>John Doe</h3>
<p>Software Developer</p>
</li>
<li>
<img src="person2.jpg" alt="Person 2">
<h3>Jane Smith</h3>
<p>UI/UX Designer</p>
</li>
<!-- Repeat for remaining team members -->
</ul>
</main>
<footer>
<p>© 2023 Your Name</p>
</footer>
</body>
</html>
Contact Us Page:
php
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Software Product Development Company - Contact Us</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<!-- Navigation code here -->
</header>
<main>
<h1>Contact Us</h1>
<p>Address: 123 Main Street, City, Country</p>
<p>Phone: +1 234-567-890</p>
<p>Email: [email protected]</p>
</main>
<footer>
<p>© 2023 Your Name</p>
</footer>
</body>
</html>
CSS (styles.css):
css
Copy code
/* Common styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
/* Page-specific styles */
/* Add specific styles for each page, if needed */
The program for designing a standard calculator using HTML and CSS is executed successfully.