-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathromans.html
100 lines (96 loc) · 4.54 KB
/
romans.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Late Antiquity</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar">
<div class="navbar__container">
<a href="/historyweb/index.html" id="navbar__logo">LATE ANTIQUITY</a>
<div class="navbar__toggle" id="mobile-menu" onmouseover="hideDropdown()">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar__menu" >
<li class="navbar__item">
<a href="/historyweb/index.html" class="navbar__links" onmouseover="hideDropdown()"> Home </a>
</li>
<li class="navbar__item">
<a href="/historyweb/economy.html" class="navbar__links" onmouseover="hideDropdown()"> Economy </a>
</li>
<li class="navbar__item">
<a href="/historyweb/realms.html" class="navbar__links" onmouseover="showDropdown()"> Realms </a>
<ul class="dropdown-menu" id="realmDropdown">
<li><a href="/historyweb/romans.html">Roman Empire</a></li>
<li><a href="/historyweb/sasanids.html">Sasanids</a></li>
<li><a href="/historyweb/goths.html">Goths</a></li>
</ul>
</li>
<li class="navbar__btn">
<a href="https://www.youtube.com/watch?v=tsSs0I2dek0&ab_channel=estoire" class="button" onmouseover="hideDropdown()"> About </a>
</li>
</ul>
</div>
</nav>
<!-- Main Section -->
<section class="main">
<div class="main__container">
<div class="text_container">
<div class="main__content">
<h1> Romans in Late Antiquity </h1>
<div style="text-align:center;">
<img src="images\Constantine.jpg" alt="Statue of Emperor Constantine" width="250" height="400" style="border: 2px solid black;">
</div>
<p>
The Late Antiquity marked a transformative period for the Roman Empire. From the 3rd to the 8th century AD, the empire underwent significant cultural, religious, and political changes.
</p>
<p>
The Roman Empire's dominion began to contract, facing pressures from both internal and external sources. Barbarian invasions, economic struggles, and more led to the eventual fall of the Western Roman Empire in AD 476.
</p>
<p>
Christianity's rise, initially persecuted, eventually became the dominant religion after Emperor Constantine's conversion. This brought about monumental shifts in cultural and societal norms.
</p>
<p>
Architecture and art blossomed, with iconic infrastructures like the Hagia Sophia being built, and literature evolved with figures like St. Augustine laying the foundations for medieval Christian thought.
</p>
<div class="image-container">
<img src="images\Justinian555AD.png" alt="Map of the Roman Empire during Late Antiquity" width="500" height="300" style="border: 2px solid black;">
</div>
<p>
Despite its challenges, Late Antiquity was a period of cultural fusion and adaptation. While the Western half of the empire declined, the Eastern half, known as the Byzantine Empire, thrived and preserved much of the classical Roman traditions and knowledge.
</p>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<div class="footer__container">
<div class="footer__links">
<div class="footer__links--wrapper">
<div class="footer__link--items">
<h2>About</h2>
<a href="https://www.linkedin.com/in/caden-massey-3a10a8276/">Who am I?</a>
</div>
</div>
<div class="footer__links--wrapper">
<div class="footer__link--items">
<h2>Contact</h2>
<a href="mailto:[email protected]">Contact </a>
</div>
</div>
<div class="footer__links--wrapper">
<div class="footer__link--items">
<h2>Learn More</h2>
<a href="https://www.amazon.com/Empires-Barbarians-Fall-Birth-Europe/dp/0199892261">More Information</a>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>