Skip to content

Commit b8a66ee

Browse files
justinro-underscorejustinro-underscore
committed
Initial commit
0 parents  commit b8a66ee

3 files changed

Lines changed: 146 additions & 0 deletions

File tree

‎cover.css‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
/*
2+
* Globals
3+
*/
4+
5+
/* Links */
6+
a,
7+
a:focus,
8+
a:hover {
9+
color: #fff;
10+
}
11+
12+
/* Custom default button */
13+
.btn-secondary,
14+
.btn-secondary:hover,
15+
.btn-secondary:focus {
16+
color: #333;
17+
text-shadow: none; /* Prevent inheritance from `body` */
18+
background-color: #fff;
19+
border: .05rem solid #fff;
20+
}
21+
22+
23+
/*
24+
* Base structure
25+
*/
26+
27+
html,
28+
body {
29+
height: 100%;
30+
background-color: #333;
31+
}
32+
33+
body {
34+
display: -ms-flexbox;
35+
display: -webkit-box;
36+
display: flex;
37+
-ms-flex-pack: center;
38+
-webkit-box-pack: center;
39+
justify-content: center;
40+
color: #fff;
41+
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
42+
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
43+
padding-top: 10em;
44+
}
45+
46+
.cover-container {
47+
max-width: 42em;
48+
}
49+
50+
51+
/*
52+
* Header
53+
*/
54+
.masthead {
55+
margin-bottom: 2rem;
56+
}
57+
58+
.masthead-brand {
59+
margin-bottom: 0;
60+
}
61+
62+
.nav-masthead .nav-link {
63+
padding: .25rem 0;
64+
font-weight: 700;
65+
color: rgba(255, 255, 255, .5);
66+
background-color: transparent;
67+
border-bottom: .25rem solid transparent;
68+
}
69+
70+
.nav-masthead .nav-link:hover,
71+
.nav-masthead .nav-link:focus {
72+
border-bottom-color: rgba(255, 255, 255, .25);
73+
}
74+
75+
.nav-masthead .nav-link + .nav-link {
76+
margin-left: 1rem;
77+
}
78+
79+
.nav-masthead .active {
80+
color: #fff;
81+
border-bottom-color: #fff;
82+
}
83+
84+
@media (min-width: 48em) {
85+
.masthead-brand {
86+
float: left;
87+
}
88+
.nav-masthead {
89+
float: right;
90+
}
91+
}
92+
93+
94+
/*
95+
* Cover
96+
*/
97+
.cover {
98+
padding: 0 1.5rem;
99+
}
100+
.cover .btn-lg {
101+
padding: .75rem 1.25rem;
102+
font-weight: 700;
103+
}
104+
105+
106+
/*
107+
* Footer
108+
*/
109+
.mastfoot {
110+
color: rgba(255, 255, 255, .5);
111+
}

‎harry1.jpg‎

257 KB
Loading

‎index.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<title>ACM @ KU</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<!--favicon--><link href="images/favicon.ico" rel="icon" type="image/x-icon" />
8+
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
10+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
11+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
12+
<link href="cover.css" rel="stylesheet">
13+
</head>
14+
15+
<body class="text-center">
16+
17+
<div class="cover-container d-flex h-100 p-3 mx-auto flex-column">
18+
<main role="main" class="inner cover">
19+
<h1 class="cover-heading">ACM @ KU</h1>
20+
<a href="https://github.com/acmatku" target="_blank" class="lead btn btn-lg btn-secondary"><img style="max-width:50%;" src="harry1.jpg"></a><br>
21+
</main>
22+
23+
<footer class="mastfoot mt-auto">
24+
<div class="inner">
25+
<p>Template used from Bootstrap.<br></p>
26+
</div>
27+
</footer>
28+
</div>
29+
30+
<!-- Bootstrap core JavaScript
31+
================================================== -->
32+
<!-- Placed at the end of the document so the pages load faster -->
33+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
34+
</body>
35+
</html>

0 commit comments

Comments
 (0)