i need a source code for this Goal Design a visually pleasant portal with links
ID: 3913662 • Letter: I
Question
i need a source code for this Goal Design a visually pleasant portal with links to all your projects and homework assignments during this course, using HTMLS, CSS (3), and Bootstrap. Requirements 1. The portal must be available at the root of your area on lamp.cse.fau.edu server. In other words, my grader and I should be able to go to http://lamp.cse.fau.edu/-username (where 'username' is your FAU username) and find an improved version of the page containing links to all of your projects and assignments in the class. o 2. It should contain links to all your work in this class, organized in a meaningful way. 3. It must be built using Bootstrap. A simple Bootstrap template, such as http://getbootstrap.com/examples/starter template/ should be considered o 4. It must be your own work. If you use a site, textbook example or any other source as "inspiration" or starting point, please make a note of itExplanation / Answer
Here you buddy
I have created a simple html css page with bootstrap
You can change the dummy text in 'p' tag and add link via changing the href value from # to your link
If any question ask in comment thank you
Here is code
<!DOCTYPE html>
<html lang="en">
<head>
<title>John's Project</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<style>
body {
font: 20px Montserrat, sans-serif;
line-height: 1.8;
background-color: rgb(26, 188, 156);
color: rgb(255, 255, 255);
height: 100%;
width: 100%;
}
p {font-size: 16px;}
.margin {margin-bottom: 45px;}
.container {
padding-top: 70px;
padding-bottom: 70px;
}
</style>
</head>
<body>
<div class="container text-center">
<h3 class="margin">Hello I am John and Here are My Projects</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<ul>
<li><a href="#">Project Link 1</a></li>
<li><a href="#">Project Link 2</a></li>
<li><a href="#">Project Link 3</a></li>
</ul>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.