-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_old.htm
156 lines (142 loc) · 4.79 KB
/
index_old.htm
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>assignment 3</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<!-- ascii art generated at: http://patorjk.com/software/taag/ -->
<!--
_ _
| | | |
| |__ ___ __ _ __| | ___ _ __
| '_ \ / _ \/ _` |/ _` |/ _ \ '__|
| | | | __/ (_| | (_| | __/ |
|_| |_|\___|\__,_|\__,_|\___|_|
-->
<header>
<img src='./assets/logo.jpg' alt='logo' id='h_logo'>
</header>
<!--
_ __ __ ___ __
| '_ \ / _` \ \ / /
| | | | (_| |\ V /
|_| |_|\__,_| \_/
-->
<nav>
<a href='#'> home </a>
<a href='#'>about us </a>
<a href='#'>services </a>
<a href='#'>products </a>
<a href='#'>contact us </a>
</nav>
<!--
(_)
_ __ ___ __ _ _ _ __
| '_ ` _ \ / _` | | '_ \
| | | | | | (_| | | | | |
|_| |_| |_|\__,_|_|_| |_|
-->
<article class='m_art1'>
<section class='m_art1-3images'>
<img alt='conference_pic' class='m_rimg' src='./assets/Meeting.jpeg'>
<img alt='country_flags_pic' class='m_rimg' src='./assets/Flags.jpg'>
<img alt='chart' class='m_rimg' src='./assets/Chart.jpg'>
</section>
<section class='m_art1_bg'>
<hr id='line_bg_top'>
<div> </div>
<h3> This website template has been designed by</h3>
<h2>Free Website Templates for you, for free.</h2>
<p class='m_art1-text'>You can remove any link to our website from this website template,
you're free to use this website template without linking back to us. If you're having
problems editing this website template, then don't hesitate to ask for help on the
<a href='#' class='text-ref'>Forum</a>. </p>
</section>
<img alt='happy_man' id='thumbs_up' src='./assets/smiling-man.png'>
</article>
<article class='m_art2'>
<section>
<h4>blog</h4>
<p> This website template has been designed </p>
<p class='m_art2-graytext'><time datetime='2017-09-21'>Sept 21</date>, by Nullam |
99 Views | 69 Comments</p>
<hr>
<p>by <a href='#' class='text_ref'>Free Website Templates</a>
for you, for free. You can replace all this text with your own text.</p>
<p class='m_art2-graytext'><time datetime='2017-09-21'>Sept 21</date>, by Nullam |
99 Views | 69 Comments</p>
<hr>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos.</p>
<p class='m_art2-graytext'><time datetime='2017-09-21'>Sept 21</date>, by Nullam |
99 Views | 69 Comments</p>
</section>
<section>
<h4>If you're having problems editing this website template,
then don't hesitate to ask for help on the forum </h4>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nunc eu augue vel dui corsus porta. Nulla sit amet tellus urna</p>
<p class='m_art2-graytext'><time datetime='2017-09-21'>Sept 21</date>, by Nullam |
99 Views | 69 Comments</p>
<hr>
<h4>Vestibulum tristique, dui a vestibulum blandit, mi elit
laoreet nulla consequat nec quam</h4>
<span class='m_art2_imgtext'><img alt='bw_meeting' id='bw_img' src='./assets/discussing.jpg'>
<p> Morbi non leo augue, et hendrerit lectus. Pellentesque ultricies sapien
ornare ipsum tempor lobortis ullamcorper urna</p>
<p class='m_art2-graytext'><time datetime='2017-09-21'>Sept 21</date>, by Nullam |
99 Views | 69 Comments</p> </span>
</section>
<section>
<h4>Suspendisse aliquam</h4>
<ul class='dot_list'>
<li>You can remove any link to our</li>
<li> website from this website template, you're free to use</li>
<li>this website template without linking back to us.</li>
<li> lorem ipsum dolor sit amet </li>
<li>consectetur adipiscing nunc eu augue vel dui cursus</li>
</section>
</article>
<!--
__ _
/ _| | |
| |_ ___ ___ | |_ ___ _ __
| _/ _ \ / _ \| __/ _ \ '__|
| || (_) | (_) | || __/ |
|_| \___/ \___/ \__\___|_|
-->
<footer>
<article>
<section>
<h5>America</h5>
<p class='f_text'>457-380-1654 main<br>
257-301-9417 toll free</p>
</section>
<section>
<h5>Europe</h5>
<p class='f_text'>457-380-1654 main<br>
257-301-9417 toll free</p>
</section>
<section>
<h5>Canada</h5>
<p class='f_text'>457-380-1654 main<br>
257-301-9417 toll free</p>
</section>
<section>
<h5>Middle East</h5>
<p class='f_text'>457-380-1654 main<br>
257-301-9417 toll free</p>
</section>
<section>
<h5>Follow us:</h5>
<img alt='FB_icon' id='fb_icon' src='./assets/fb-icon.gif'>
<img alt='twitter_icon' id='twitter_icon' src='./assets/twitter-icon.gif'>
</section>
</article>
<p class='copyright'>@ Copyright 2012. All rights reserved</p>
</footer>
</body>
</html>