To design a dynamic 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.
Create a database model and migrate the database.
Retrieve data from database and display it in a dynamic webpage.
Publish the website in the given URL.
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>PRIYA PRIVATE LIMITED</title>
<link rel="stylesheet" href="{% static 'css/company.css' %}">
<link rel = "icon" href ="{% static 'image/titleicon.jpg' %}" type = "image/x-icon">
</head>
<body>
<div class="container">
<div class="banner">
<b>SILICON PRIVATE LIMITED</b>
</div>
<div class="menu">
<b><div class="menuitem"><a href="/home">Home</a></div></b>
<b><div class="menuitem"><a href="/product">Products</a></div></b>
<b><div class="menuitem"><a href="/people">People</a></div></b>
<b><div class="menuitem"><a href="/contactus">Contact Us</a></div></b>
</div><div class="content">
{% block content %}
{% endblock %}
</div>
<div class="footer">
<b>Copyright © 2020 Silicon Private Limited, Developed by PRIYADARSHINI</b>
</div>
</div>
</body>
{% extends "companywebsite/base.html" %}
{% block content %}
<div class="homecontent">
<h1><b>ABOUT US </b></h1>
<img src="/static/image/company.jpg">
<div class="contenttext">
<b>Silicon Pvt Ltd, provides a broad range of semiconductor and infrastructure software applications that serve the data center, networking, software, broadband, wireless, and storage and industrial markets. Common applications for its products include: data center networking, home connectivity, broadband access, telecommunications equipment, smartphones, base stations, data center servers and storage, factory automation, power generation and alternative energy systems, displays, and mainframe operations and management, and application software development. Some of Silicon's core technologies and products include:</b>
<ul>
<b><li>Memory Chips</li></b>
<b><li>SATA HDD</li></b>
<b><li>SATA SSD </li></b>
<b><li>Broadband Modems</li></b>
<b><li>Wifi Devices</li></b>
<b><li>Switching Devices</li></b>
<b><li>Optical Sensors</li></b>
</ul>
</div>
</div>
{% endblock %}
{% extends "companywebsite/base.html" %}
{% block content %}
<div class="productcontent">
<h1>Our Premium Products</h1>
<div class="productitems">
{% for product in products %}
<div class="productitem">
<div class="itemimage">
<img src="{{ product.photos.url }}" alt="product image">
</div>
<div class="itemname">{{product.Name}}</div>
<div class="itemprice">Price : {{product.Price}}</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
{% extends "companywebsite/base.html" %}
{% block content %}
<div class="productcontent">
<h1>PEOPLES</h1>
<div class="productitems">
{% for people in peoples %}
<div class="productitem">
<div class="itemimage">
<img src="{{ people.photo.url }}" alt=" product image">
</div>
<div class="itemname">{{ people.Name }}</div>
<div class="itemprice">{{ people.Designation }}</div>
</div>
{% endfor %}
</div>
</div>
{% endblock %}
{% extends "website/base.html" %}
{% block content %}
<div class="contactcontent">
<h1>CONTACT US</h1>
<div class="contactlists">
<div class="contactlist">
<h1> GEMMA (SALES MANAGER)</h1>
<h2>ADDRESS : KG Campus, 365, Thudiyalur Rd, Saravanampatti, Keeranatham, Tamil Nadu, India - 641035</h2>
<h3>PHONE :0422 - 441 9999</h3>
<h4>EMAIL : [email protected]</h4>
</div>
</div>
</div>
{% endblock %}
Thus a website is designed for the chip manufacturing company and is hosted in thr URL http://priyadarshini.student.saveethain:8000/ .HTML code is validate.