-
Notifications
You must be signed in to change notification settings - Fork 0
/
single.php
200 lines (176 loc) · 10.6 KB
/
single.php
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<?php include('header.php'); ?>
<!-- Main Content
================================================== -->
<section id="body" class="">
<!-- Section: Mini Hero -->
<div class="section-mini-hero" style="background-image: url('img/bg1.jpg');">
<div class="container">
<h2 class="title2 mini-hero-subtitle">Blog Single</h2>
<h1 class="title1 mini-hero-title">Style 1</h1>
</div>
</div>
<!-- /Section: Mini Hero -->
<!-- Section: Blog -->
<div class="section section-blog">
<div class="container">
<div class="row">
<!-- blog -->
<div class="col-md-9">
<div class="single-post">
<!-- Post thumbnail -->
<div class="post-thumbnail">
<a href="single.php" class="click-fade"><img src="img/blog1.jpg" alt=""></a>
</div>
<!-- /Post thumbnail -->
<!-- main title -->
<h1 class="title2">The History of Roman Architecture</h1>
<!-- /main title -->
<!-- Post Meta -->
<div class="post-meta">
<ul>
<li class="icon-user">
<a><i class="fa fa-user"></i> admin</a>
</li>
<li class="post-tags icon-comment">
<a href="#"><i class="fa fa-comments"></i> 0 Comment</a>
</li>
</ul>
</div>
<!-- /Post Meta -->
<!-- Blog Post -->
<div class="blog-post-container">
<p>The Romans conquered the Greek cities in Italy around three hundred years BCE and much of the Western world after that. The Roman problem of rulership involved the unity of disparity — from Spanish to Greek, Macedonian to Carthaginian — Roman rule had extended itself across the breadth of the known world and the myriad pacified cultures forming this ecumene presented a new challenge for justice.</p>
<p>One way to look at the unity of Roman architecture is through a new-found realization of theory derived from practice, and embodied spatially. Civically we find this happening in the Roman forum (sibling of the Greek agora), where public participation is increasingly removed from the concrete performance of rituals and represented in the decor of the architecture. Thus we finally see the beginnings of the contemporary public square in the Forum Iulium, begun by Julius Caesar, where the buildings present themselves through their facades as representations within the space.</p>
<blockquote>
<p>The Romans widely employed, and further developed, the arch, vault and dome.</p>
<small>by <cite>James Rex</cite></small>
</blockquote>
<p>As the Romans chose representations of sanctity over actual sacred spaces to participate in society, so the communicative nature of space was opened to human manipulation. None of which would have been possible without the advances of Roman engineering and construction or the newly found marble quarries which were the spoils of war; inventions like the arch and concrete gave a whole new form to Roman architecture, fluidly enclosing space in taut domes and colonnades, clothing the grounds for imperial rulership and civic order. This was also a response to the changing social climate which demanded new buildings of increasing complexity — the colosseum, the residential block, bigger hospitals and academies. General civil construction such as roads and bridges began to be built.</p>
<img src="img/blog1.jpg" class="responsive-image" alt=""/>
<p>The Romans widely employed, and further developed, the arch, vault and dome (see the Roman Architectural Revolution), all of which were little used before, particularly in Europe.[2] Their innovative use of Roman concrete facilitated the building of the many public buildings of often unprecedented size throughout the empire. These include Roman temples, Roman baths, Roman bridges, Roman aqueducts, Roman harbours, triumphal arches, Roman amphitheatres, Roman circuses palaces, mausolea and in the late empire also churches.</p>
<p>Roman domes permitted construction of vaulted ceilings and enabled huge covered public spaces such as the public baths like Baths of Diocletian or the monumental Pantheon in the city of Rome.</p>
<p>Art historians such as Gottfried Richter in the 1920s identified the Roman architectural innovation as being the Triumphal Arch and it is poignant to see how this symbol of power on earth was transformed and utilized within the Christian basilicas when the Roman Empire of the West was on its last legs: The arch was set before the altar to symbolize the triumph of Christ and the after life. It is in their impressive aqueducts that we see the arch triumphant, especially in the many surviving examples, such as the Pont du Gard, the aqueduct at Segovia and the remains of the Aqueducts of Rome itself. Their survival is testimony to the durability of their materials and design.</p>
</div>
<!-- /Blog post -->
<!-- About the Author -->
<div class="post-author">
<h4>About the Author</h4>
<img alt="" src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=50" class="avatar avatar-50 photo avatar-default" height="50" width="50">
<div class="info">
<a href="#">
<h6>James Rex</h6>
</a>
<p>Testing...</p>
</div>
</div>
<!-- /About the Author -->
<!--=== Blog Comments -->
<div class="blog-comments">
<h2 class="title2 blog-comments-title title-border">Comments</h2>
<!-- Comments Form -->
<div class="well">
<div id="respond" class="msg-form">
<h4 class="blg-cmt-count">Leave a Comment</h4>
<div id="cancel-comment-reply">
<small><a rel="nofollow" id="cancel-comment-reply-link" href="#">Click here to cancel reply.</a></small>
</div>
<!-- Comment Form -->
<form action="#" method="post" id="commentform">
<!-- Field -->
<fieldset class="name-container">
<label><span class="text-color">*</span> Name:</label>
<input name="author" id="comment-name" value="" type="text" aria-required="true">
</fieldset>
<!-- /Field -->
<!-- Field -->
<fieldset class="email-container">
<label><span class="text-color">*</span> Email:</label>
<input name="email" value="" id="comment-email" type="email" aria-required="true">
</fieldset>
<!-- /Field -->
<!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>-->
<!-- Field -->
<fieldset class="message">
<label><span class="text-color">*</span> Message:</label>
<textarea name="comment" id="comment-message" rows="8"></textarea>
</fieldset>
<!-- /Field -->
<input id="comment-reply" type="submit" tabindex="5" value="Submit Now">
<input type="hidden" name="comment_post_ID" value="80" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</form>
<!-- / Comment Form -->
</div>
</div>
<!-- /Comments Form -->
<!-- Posted Comments -->
<!-- Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="img/avatar.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">John Rex
<small>August 25, 2014 at 9:30 PM</small>
</h4>
Comments? I love comments!
</div>
</div>
<!-- /Comment -->
<!-- Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="img/avatar.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Homer Simpson
<small>August 25, 2014 at 9:30 PM</small>
</h4>
This blog is amazing!
<!-- Nested Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="img/avatar.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Margie Simpson
<small>August 25, 2014 at 9:30 PM</small>
</h4>
We are totally going to blog about these curiosities!
</div>
</div>
<!-- End Nested Comment -->
</div>
</div>
<!-- /Comment -->
<!-- Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="img/avatar.png" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Joey Ramone
<small>August 25, 2014 at 9:30 PM</small>
</h4>
OMGI love to read it so much!
</div>
</div>
<!-- /Comment -->
</div>
<!-- === /Blog Comments -->
</div>
</div>
<!-- /blog -->
<!-- side column -->
<div class="col-md-3">
<?php include('sidebar.php'); ?>
</div>
<!-- /side-column -->
</div>
</div>
</div>
<!-- /Section: Blog -->
</section>
<!-- /Main Content
================================================== -->
<?php include('footer.php'); ?>