Scribd
Upload
3 views

Exno 1 (1)

The document outlines the development of a website for MKCE Giants, featuring a header, navigation bar, main content area, and footer. The HTML content includes sections for Home, About Us, Services, and Contact Us, detailing the company's offerings and contact information. The CSS styles the layout, ensuring a visually appealing design with a focus on user experience.

Uploaded by

vanisris.mca
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Exno 1 (1)

The document outlines the development of a website for MKCE Giants, featuring a header, navigation bar, main content area, and footer. The HTML content includes sections for Home, About Us, Services, and Contact Us, detailing the company's offerings and contact information. The CSS styles the layout, ensuring a visually appealing design with a focus on user experience.

Uploaded by

vanisris.mca
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Develop a Website that have Header, Navigation Bar, Main Content area, Footer.

Html Content:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MKCE Giants</title>
<link rel="stylesheet" href="styles.css">
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap
" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h2>MKCE Giants</h2>
<nav>
<ul><b>
<li><a href="#Home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</b></ul>
</nav>
</div>
</header>

<main>
<p1><div> <section id="Home">
<h3>Home</h3><br>
<p>MKCE Giants, we proudly introduce ourselves as leading software developers, dedicated to
pioneering solutions that transform businesses. With a passion for innovation and a commitment to
excellence, we specialize in crafting cutting-edge software tailored to meet the unique needs of our
clients. At MKCE Giants, we believe in harnessing the power of technology to drive success,
streamline operations, and enhance user experiences. Our team of skilled professionals combines
expertise with creativity to deliver bespoke software solutions that propel businesses forward in
today's dynamic digital landscape. Join us on our journey to revolutionize industries and empower
organizations with next-generation software solutions. Welcome to MKCE Giants, where innovation
and expertise converge to redefine the possibilities of software development. As a leading software
developer, we specialize in crafting tailored solutions that propel businesses forward in today's fast-
paced digital landscape. At MKCE Giants, we believe in harnessing the power of technology to drive
innovation, streamline operations, and deliver tangible results. With a focus on quality, reliability,
and customer satisfaction, we are committed to exceeding expectations and empowering businesses
to thrive in the digital age. Join us on a journey of transformation as we pave the way for the future
of software development.</p></section>
</div><br>
<div><section id="about">
<h3>About US</h3><br>
<p>MKCE Giants, we are more than just a software development company – we are
visionaries, innovators, and problem solvers. With a passion for technology and a commitment to
excellence, we have earned a reputation as trusted partners in the industry. Our team of experienced
professionals brings a wealth of expertise and creativity to every project, ensuring that we deliver
Develop a Website that have Header, Navigation Bar, Main Content area, Footer.
solutions that are not only innovative but also practical and effective. We take pride in our
collaborative approach, working closely with clients to understand their unique needs and challenges
and develop customized solutions that exceed expectations. From concept to delivery, we are
dedicated to delivering results that drive business growth and success.</p></section>
</div><br>
<div><section id="services">
<h3>Services</h3><br>
<p>MKCE Giants offers a comprehensive range of software development services designed to
meet the diverse needs of businesses across industries. Our services include:

Custom Software Development: We specialize in developing custom software solutions


tailored to meet the specific needs and objectives of our clients. Whether you need a robust
enterprise application, a sophisticated CRM system, or a bespoke software solution, our team has the
expertise and experience to bring your vision to life.

Mobile App Development: In today's mobile-first world, having a powerful mobile app is
essential for engaging customers and driving business growth. We design and develop high-quality
mobile apps for iOS and Android platforms that deliver exceptional user experiences and drive
results.

Web Development: A strong online presence is crucial for success in today's digital
marketplace. Our team of skilled web developers creates responsive, user-friendly websites that are
optimized for performance and designed to captivate audiences and drive conversions.

Consulting Services: In addition to our development services, we offer consulting services to


help businesses navigate the complex world of technology. From strategic planning and technology
assessments to project management and implementation, we provide expert guidance and support
every step of the way.</p></section>
</div><br>
<div>
<section id="contact"> <h3>Contact Us</h3><br>
<p><center>
Email: [email protected] <br>
website:www.mkcegiants.org <br>
</center>
</p></section>
</div> </p1>
</main>
<footer>
<div class="container">
<p>&copy; 2024 MKCE Giants. All rights reserved.</p>
</div>
</footer>
</body>
</html>

CSS Content:
/* Resetting default margin and padding */
*{
Develop a Website that have Header, Navigation Bar, Main Content area, Footer.
margin: 2px;
padding: 0px;
}
/* Styling header */
header {
background-color: #4755d6;
color: #fff;
padding: 25px 0;
}

.container {
width: 85%;
margin: 0 auto;
}

header h1 {
margin: 0;
float: left;
}

nav {
float: right;
}

nav ul {
list-style-type: none;
}

nav ul li {
display: inline;
margin-right: 25 px ;
}

nav ul b li a {
color: #fff;
text-decoration: none;

}
/* Styling main content area */
main {
padding: 20px 0;
background-color: #f2f2f2;
}
/* Styling footer */
footer {
background-color:#4755d6;
color: #fff;
text-align: center;
padding: 10px 0;
}
/*fonts*/
body {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
Develop a Website that have Header, Navigation Bar, Main Content area, Footer.
margin: auto;
}
p1{
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
text-align: justify;
}

/*main page designs*/


main {
background-color: #ffffff;
}

h3{
text-align: center;
}

Output:

You might also like