To design a static website for a chip manufacturing company.
Requirement collection.
Creating the layout using HTML and CSS.
Updating the sample content.
Choose the appropriate style and color scheme.
Validate the layout in various browsers.
Validate the HTML code.
Publish the website in the given URL.
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Silicon Private Limited</title>
<link rel="stylesheet" href="{% static 'css/layout.css' %}">
<link rel = "icon" href ="{% static 'img/titleicon.png' %}" type = "image/x-icon">
</head>
<body>
<div class="container">
<div class="banner">
Silicon Private Limited.
</div>
<div class="menu">
<div class="menuitem"><a href="/home">Home</a></div>
<div class="menuitem"><a href="/products">Products</a></div>
<div class="menuitem"><a>People</a></div>
<div class="menuitem"><a>Contact Us</a></div>
</div><div class="content">
{% block content %}
{% endblock %}
</div>
<div class="footer">
Copyright © 2020 Silicon Private Limited, Developed by Obed Otto.
</div>
</div>
</body>
</html>
{% extends "website/base.html" %}
{% block content %}
<div class="homecontent">
<h1>About Us</h1>
<img src="/static/img/building2.jpeg" alt="Building">
<div class="contenttext">
Silicon Pvt Ltd, provides a broad range of semiconductor and infrastructure software applications. Some of Silicon's core technologies and products include:
<ul>
<li>Memory Chips</li>
<li>SATA HDD</li>
<li>SATA SSD </li>
<li>Broadband Modems</li>
<li>Wifi Devices</li>
<li>Switching Devices</li>
<li>Optical Sensors</li>
</ul>
</div>
</div>
{% endblock %}
{% extends "website/base.html" %}
{% block content %}
<div class="productcontent">
<h1>Our Premium Products</h1>
<div class="productitems">
<div class="productitem">
<div class="itemimage">
<img src="/static/img/c1.jpg" alt="product image">
</div>
<div class="itemname">4GB DDRA4 laptop memory</div>
<div class="itemprice">Price: Rs.2000.00 </div>
</div>
<div class="productitem">
<div class="itemimage">
<img src="/static/img/c2.jpg" alt="product image">
</div>
<div class="itemname">1TB Laptop HDD</div>
<div class="itemprice">Price: Rs.5000.00 </div>
</div>
</div>
</div>
{% endblock %}
Thus a website is designed for the chip manufacturing company and is hosted in the URL http://demo2.student.saveetha.in:8000/. HTML code is validated.