Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added About Hack4Cause HTML and CSS part #2

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Added About Hack4Cause HTML and CSS part #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
49 changes: 49 additions & 0 deletions ABOUT US PAGE/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<title>About Us</title>
</head>
<body bgcolor="black">
<div class="heading">
ABOUT HACK4CAUSE
</div>
<div class="paragraph">
<p>IEEE-SSIT would like to bring Hack4Cause, a 24 hour hackathon<br>
which aims to bring creativity and innovation<br>among<br>students Hack4Cause brings students
from different domains of<br>engineering together to build design and use the <br>
latest technology to hack into real world problems.The dates of the<br>
event are 10th and 11th of March.The main<br>motive behind Hack-4-Cause is to bring a change in
the thinking<br>perspective of students in crtical industrial <br>situations </p>
</div>
<div class="perksheading">
PERKS
</div>
<div class="perkbuttons">
<div class="row">
<div class="column">
<button class="btn" size=70px id="a1"><i class="fas fa-rupee-sign"> Free Registration!</i></button>
</div>
<div class="column">
<button class="btn" size=70px id="a2"><i class="fas fa-dollar-sign">An online platform making <br>it accessable for all!</i></button>
</div>
</div>
<br>
<div class="row2">
<div class="column2">
<button class="btn" size=70px id="a3"><i class="fas fa-award"> Awesome Prices!</i></button>
</div>
<div class="column2">
<button class="btn" size=70px id="a4"><i class="far fa-laugh-beam">Great Oppurtunity!</i></button>
</div>
</div>
<br><br>
<button class="btn" size=70px id="a5"><i class="fab fa-angellist">Free Light Saber!</i></button>

</div>
</body>
</html>
69 changes: 69 additions & 0 deletions ABOUT US PAGE/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
.heading
{
color:white;
text-align: center;
font-size: 30px;
padding-top: 30px;
}
.paragraph
{
color: #ff07f9;
text-align: center;
}
.perksheading
{
color:white;
text-align: center;
font-size: 30px;
}
.perkbuttons
{
text-align: center;
}
.row
{
display: flex;
}

.column {
flex: 33.33%;
padding: 5px;
margin-left: 120px;
}
.row2
{
display: flex;
}

.column2{
flex: 33.33%;
padding: 5px;
margin-left: 120px;
}

#a1
{
font-size: 45px;
border-radius: 8px;
right: 100px;
}
#a2
{
font-size: 45px;
border-radius: 8px;

}#a3
{
font-size: 45px;
border-radius: 8px;
}#a4
{
font-size: 45px;
border-radius: 8px;
margin-right: 30px;
}#a5
{
font-size: 45px;
border-radius: 8px;

}