-
Notifications
You must be signed in to change notification settings - Fork 1
/
Black Panther trial page.css
132 lines (101 loc) · 3.89 KB
/
Black Panther trial page.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html class= "silver-background">
<!-- Introduction-to-Basic-CSS-->
<head class='purple-text'>
<h1 id= "Wakanda forever"> Wakanda Forever
</h1>
</head>
<body>
<!--<link href="https://fonts.googleapis.com/css?family= Kanit Thin" rel="stylesheet" type="text/css">-->
<style>
body {
background-color: black;
font-family: monospace;
color: blue;
}
.blue-text {
color: blue;
}
[type='checkbox'] {
margin: 15px 0px 10px 0px;
}
#black-panther-form {background-color:purple;}
.silver-background {background-color: silver;}
.thick-purple-border {border-color: purple; border-width: 5px; border-style: solid; border-radius: 10px; border-radius: 50%;}
.smaller-image { width: 300px;}
html {font-family: "Kanit Thin", "Zilap Africa";}
h1 {font-size: 30px;}
main {color: Rich Black;}
.purple-text {color: purple;}
</style>
<h2 class='purple-text'>Black Panther
</h2>
<main>
<br>
<a href="#"> <img src="https://pixel.nymag.com/imgs/daily/vulture/2018/02/01/black-panther/lede.w700.h700.jpg" alt="Black Panther between burning wakandan flags" class="smaller-image thick-purple-border"> </a>
</br>
<br>
<a href="https://www.vox.com/culture/2018/2/23/17028826/black-panther-wakanda-culture-marvel"> Black Panther is a gorgeous, groundbreaking celebration of black culture</a> </br>
<br>
<a href="https://www.bbc.com/news/av/world-africa-46308054/why-should-black-people-care-about-afrofuturism"> Why should you care about Afrofuturism</a> </br>
<br>
<a href="https://www.indiewire.com/2018/12/black-panther-production-design-wakanda-ryan-coogler-oscars-1202026404/"> Building Wakanda on Ryan Coogler’s Vision of Identity and Unity</a>
</br>
<br>
<a href="https://www.youtube.com/watch?v=jlPwTMMhGGI"> Afrofuturism mixes sci-fi and social justice. Here’s how it works.</a>
</br>
<br>
<p>Black Panther is the first superhero of African descent in mainstream American comics, having debuted years before early African American superheroes such as Marvel Comics' the Falcon (1969), Luke Cage (1972) and Blade (1973), or DC Comics' John Stewart in the role of Green Lantern (1971).</p>
<a href="#"><img src="https://i.annihil.us/u/prod/marvel/i/mg/4/30/5a14593f84f68/clean.jpg" alt="Erik Killmonger and Black Panther fighting" class="smaller-image thick-purple-border"></a>
<p>The character was created by writer-editor Stan Lee and writer-artist Jack Kirby, first appearing in Fantastic Four #52 (cover-dated July 1966) in the Silver Age of Comic Books. Black Panther's real name is T'Challa, king and protector of the fictional African nation of Wakanda.</p>
<p> View more <a target="_blank" href="https://br.pinterest.com/hleefranks/black-panther-marvel/">Black Panther pictures</a></p>
</br>
<div>
<p>Team affiliations</p>
<ul>
<li>Fantastic Four</li>
<li> Avengers</li>
<li>Fantastic Force</li>
<li>Ultimates</li>
</ul>
<p>Enemies:</p>
<ol>
<li>Erik Killmonger </li>
<li>Man-Ape</li>
<li>Klaw</li>
</ol>
</div>
<a href = "#wakanda forever"> WF</a>
<br>
<div>
<form id= "black-panther-form" background-color="purple" action="/submit-afrofuturist-picture">
<br>
<input type="text" required placeholder="Afrofuturism URL">
<button type="submit">Submit
</button>
</br>
<br>
<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor"checked>Indoor
</label>
<label for="outdoor">
<input id="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>
</br>
<br>
<label for="Vox's">
<input id="Vox's" type="checkbox" name="Links liked" checked> Vox
</label>
<label for="bbc's">
<input id="bbc's" type="checkbox" name="Links liked"> BBC
</label>
<label for="Indiewire's">
<input id="Indiewire's" type="checkbox" name="Links liked"> IndieWire
</label>
</br>
</form>
</div>
<!-- Just in case-->
</main>
</body>
</html>