Skip to content
This repository has been archived by the owner on Sep 2, 2020. It is now read-only.

A bit of color to the website. #3

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,5 +4,3 @@
Head to the issues page to see how you can contribute to this repo.
If you;ve figured out how to fix things here then refer to ```CONTIRBUTING.md``` to get started!

### Winners:
1.(Add Name Here)
24 changes: 9 additions & 15 deletions www/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,11 @@
<html>
<head>
<title>Open Source Software</title>
<style>
#h1
{
color : green;
}
pre
{
font-size: 1.25em;
}
</style>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>What is open source software?</h1>
<pre>
<h1 id="a1">What is open source software?</h1>
<p id="pre">

The term "open source" refers to something people can modify and share because its design is publicly accessible.

Expand All @@ -26,9 +17,12 @@ <h1>What is open source software?</h1>
manipulate to change how a piece of software—a "program" or "application"—works. Programmers who have access to a computer

program's source code can improve that program by adding features to it or fixing parts that don't always work correctly.
</pre>
</p>
<br/>
Source : <a href:"https://opensource.com/resources/what-open-source">opensource.com</a>
<hr>
<div id="a2">
Source : <a href="https://opensource.com/resources/what-open-source">opensource.com</a>
</div>
<script src = 'script.js'></script>
</body>
</html>
</html>
22 changes: 22 additions & 0 deletions www/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
#a1{
color : green;
font-size:40px;
text-align: center;
background-color: aqua;
padding: 15px;
}
#a1:hover{
background-color: aquamarine;
border: 4px solid bisque;
}
#pre{
font-size: 30px;
padding:20px;
margin:20px;
text-align:justify;
background-color: bisque;
}
#a2{
font-size: 40px;
text-align: center;
}