Link Assignment
Link Assignment
<head>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.3/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?
family=Verdana&display=swap');
</style>
</head>
<body class="bg-gray-100" style="font-family: 'Verdana', sans-serif;">
<div class="container mx-auto bg-yellow-300 p-5">
<h1 class="text-center text-2xl font-bold mb-5">Online Exam System</h1>
<div class="bg-gray-300 p-3 flex justify-between items-center">
<nav class="flex space-x-4">
<a href="#" class="text-blue-700">HOME</a>
<a href="#" class="text-blue-700">ABOUT US</a>
<a href="#" class="text-blue-700">Courses</a>
<a href="#" class="text-blue-700">Exam Date</a>
<a href="#" class="text-blue-700">Result</a>
<a href="#" class="text-blue-700">Gallery</a>
</nav>
<p class="text-green-700">Welcome to Online Exam System</p>
</div>
<div class="flex justify-between mt-5">
<div class="bg-gray-200 p-5 w-2/3">
<h2 class="text-xl font-bold mb-5">Welcome to Online Exam
System</h2>
<p class="mb-4">Video provides a powerful way to help you prove
your point. When you click Online Video, you can paste the embed code for the video
you want to add. You can also type a keyword to search online for the video that
best fits your document. To make your document look professionally produced, Word
provides header, footer, cover page, and text box designs that complement each
other. For example, you can add a matching cover page, header, and sidebar. Click
Insert and then choose the elements you want from the different galleries.</p>
<p class="mb-4">Themes and styles also help keep your document
coordinated. When you click Design and choose a new Theme, the pictures, charts,
and SmartArt graphics change to match your new theme. When you apply styles, your
headings change to match the new theme. Save time in Word with new buttons that
show up where you need them. To change the way a picture fits in your document,
click it and a button for layout options appears next to it. When you click the
button, it shows you where to add a new column, and lets the globe plus sign.</p>
</div>
<div class="bg-blue-300 p-5 w-1/3">
<h2 class="text-xl font-bold mb-5 text-center">Our Members</h2>
<div class="bg-white text-center p-5">
<img src="https://placehold.co/100x100" alt="Portrait of a
woman with long hair smiling" class="mx-auto mb-2">
<p class="font-semibold">Director</p>
</div>
</div>
</div>
</div>
<footer class="bg-gray-300 text-center p-3 mt-5">
<p>Copyright © 2022 All Rights Reserved</p>
</footer>
</body>
</html>