forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
84 lines (72 loc) · 4.61 KB
/
index.html
File metadata and controls
84 lines (72 loc) · 4.61 KB
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
<!DOCTYPE html>
<html lang="en">
<link
href="D:\Git Test\HTML-CSS-Coursework-Week1\css\style.css"
rel="stylesheet"
type="text/css"
/>
<!--Header of Page-->
<head>
<div class="header">
<h2>THE BATCAVE</h2>
</div>
</head>
<body>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>A Safe Space for people to speak about Comics</h2>
<h5>Created by Comic Kids For Comic Kids on Dec 3, 2020</h5>
<!--Main Articles-->
<main>
<div class="First-img">
<img id="First-img"src="https://eskipaper.com/images/batman-wallpaper-11.jpg">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut blandit ex auctor leo sagittis eleifend at in mi. Sed tristique mattis velit. Nulla et ullamcorper lorem, iaculis posuere nunc. Duis enim nibh, tempus nec iaculis vel, egestas bibendum nulla. Sed posuere lacus non ultrices viverra. Pellentesque nec mi sem. Cras hendrerit nec neque at semper</p>
<p>Nullam neque dolor, tempor vitae scelerisque in, commodo at quam. Phasellus quis nunc tempor, elementum justo non, mollis nulla. Pellentesque pulvinar felis eu arcu tristique pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc mattis lorem a diam vulputate, quis semper sapien dapibus. Ut vehicula pellentesque justo in volutpat. Suspendisse potenti. To Learn more <a href="https://en.wikipedia.org/wiki/Batman">Click On Me</a> </p>
</div>
<div class="card">
<h2>What Our Current Mission Is</h2>
<h5>To allow people of all kinds to come together in a safe place and find unity</h5>
<div class="Second-img">
<img style="width:100%;height:80%" id="Second-img"src="https://c.wallhere.com/photos/88/32/1920x1080_px_Batman_DC_Comics_Justice_League_superman_Wonder_Woman-656962.jpg!d">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh odio, consequat eu maximus vitae, vulputate nec libero. Maecenas placerat nunc non sem dapibus semper. Aenean ut sollicitudin mauris, at placerat lacus. Morbi sed tellus vel magna sodales ultricies vel at metus. Etiam interdum ullamcorper velit vel ultrices. Sed vel dolor in arcu euismod posuere sit amet et magna. Sed ut pellentesque tortor. Integer at mi nunc. Duis aliquam dolor id vulputate venenatis Latest Content at <a href="https://www.theverge.com/2020/8/22/21377631/the-batman-teaser-trailer-robert-pattinson-matt-reeves-dc-fandome">This Website Link</a></p>
</div>
<div class="card">
<h2>What Can I Do Here?</h2>
<h5>Be Yourself with Like Minded Individuals</h5>
<div class="Second-img">
<img style="width:100%;height:80%" id="Second-img"src="https://static0.srcdn.com/wordpress/wp-content/uploads/2018/05/Batman-Leads-Justice-League-Movie-Comic.jpg?q=50&fit=crop&w=960&h=500">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh odio, consequat eu maximus vitae, vulputate nec libero. Maecenas placerat nunc non sem dapibus semper. Aenean ut sollicitudin mauris, at placerat lacus. Morbi sed tellus vel magna sodales ultricies vel at metus. Etiam interdum ullamcorper velit vel ultrices. Sed vel dolor in arcu euismod posuere sit amet et magna. Sed ut pellentesque tortor. Integer at mi nunc. Duis aliquam dolor id vulputate venenatis For Comics Navigate to<a href="https://dc.fandom.com/wiki/Bruce_Wayne_(Doom_Link)">This Website Of Bruce Wayne</a></p>
</div>
</div>
</main>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<div class="About-me-img">
<img style="width:100%;height:200px;" id="Second-img"src=https://c4.wallpaperflare.com/wallpaper/386/410/329/batman-sign-symbol-bat-fire-hd-wallpaper-preview.jpg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh odio, consequat eu maximus vitae, vulputate nec libero. Maecenas placerat nunc non sem dapibus semper..</p>
</div>
<!-- Below are card Placeholders which can be links/images -->
<div class="card">
<h3>Popular Post</h3>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nibh odio, consequat eu maximus vitae, vulputate nec libero. Maecenas placerat nunc non sem dapibus semper.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<h2>Site Created By Aitken Fortuin For Purpose of CodeYourFuture</h2>
</div>
</html>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->