Skip to content
Snippets Groups Projects
Commit 232d6416 authored by Manal Abbas's avatar Manal Abbas
Browse files

images

parent 830c83ea
No related branches found
No related tags found
No related merge requests found
IntroToHTMLCSS/halloween.png

83.7 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="logo.png">
<link rel="stylesheet" href="style.css">
<title>Drexel CHI</title>
</head>
<body>
<header>
<h1>Drexel CHI</h1>
<h3>User Experience Club</h3>
</header>
<nav>
<a href="https://www.instagram.com/drexelchi/" target="_blank">Follow Us on Instagram</a>
<a href="mailto:drexelchi.uxclub@gmail.com" target="_blank">Contact Us</a>
</nav>
<div id="content">
<div class="about">
<a href="https://dragonlink.drexel.edu/organization/chi-ux" target="_blank"><img src="logo.png" id="logo"></a>
<p>Drexel CHI User Experience Club is a campus chapter of ACM SIGCHI. We are dedicated to providing students with interest in user experience, computer-human interaction, and design a place to share ideas, collaborate and develop professionally.</p>
<p>We aim to show creative students how they can translate their passion into a sustainable career by offering specialized workshops to promote good practices in the field of user experience and providing students with a community of like-minded individuals.</p>
</div>
<div class="events">
<h2>Upcoming Events</h2>
<br>
<h5>Wednesday, October 28</h5>
<h3>Speed Friending: Halloween Edition!</h3>
<img src="halloween.png" class="banner">
<br><br>
<h5>Thursday, October 29</h5>
<h3>CHI x WiCs x WiPs Movie Night: The Social Dilemma</h3>
<img src="movie.png" class="banner">
</div>
</div>
<footer>
Drexel CHI &copy; October 2020
</footer>
</body>
</html>
\ No newline at end of file
IntroToHTMLCSS/logo.png

118 KiB

IntroToHTMLCSS/movie.png

769 KiB

File added
* {
color: #232F51;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
header {
text-align: center;
background-color: #EAC458;
padding: 40px;
}
header h1 {
font-size: 40px;
}
nav {
background-color: #002760;
}
nav a {
color: white;
text-decoration: none;
display: inline-block;
padding: 15px;
}
nav a:hover {
font-style: italic;
}
#content {
display: flex;
}
#content .about {
flex: 20%;
background-color: #f1f1f1;
padding: 20px;
}
#content .about p {
padding: 6px;
}
#content .about img#logo {
max-width: 100%;
margin-bottom: 5%;
}
#content .events {
flex: 80%;
padding: 40px;
}
#content .events img.banner {
max-width: 500px;
padding: 20px;
}
footer {
padding: 15px;
text-align: center;
background-color: #ddd;
font-size: small;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment