-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcsschallenge.html
More file actions
153 lines (107 loc) · 5.02 KB
/
csschallenge.html
File metadata and controls
153 lines (107 loc) · 5.02 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> CSS Challenge </title>
<meta name="description" content="This is a practice page for day 7 exercise 10">
<link href='http://fonts.googleapis.com/css?family=Arapey' rel='stylesheet' type='text/css'/>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<header>
<div id="headertop">
<h2>Welcome to your first full page web layout CSS challenge. </h2>
<img src="images/logo.png">
</div>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Services</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Products</a></li>
<li><a href="">Contacts</a></li>
</ul>
</nav>
</header>
<div id="wraper">
<div id="banner">
<div id="bannerText">
<p>Your favorite CSS attributes altogether </p>
</div>
</div>
<div id="features1">
<div id="column1">
<h2>Planning</h2>
<a class="floatleft" href="#">Details</a>
<p> Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development...</p>
<div class="clear"></div>
</div>
<div id="column2">
<h2>Coding</h2>
<a class="floatleft" href="#">Details</a>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development...</p>
<div class="clear"></div>
</div>
<div id="column3">
<h2>Optimize</h2>
<a class="floatleft" href="#">Details</a>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development...</p>
<div class="clear"></div>
</div>
</div>
<div id="box">
<img src="images/home-img.jpg"/>
<h2>Creative Design Ideasol</h2>
<h4>A place where you can get a running start down the path to a life-long career in technology and software development.</h4>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development. A place where you can get a running start down the path to a life.</p>
</div>
<aside>
<div id="sidebar">
<h2>Hilights</h2>
<div id="sidebar1">
<div class="date">
<p>Mar. 09</p>
</div>
<h3>praesent vestibulum molestie lacus</h3>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development. A place where you can get a running start down the path to a life-long career in technology and software development.</p><a href="">Read Details -> </a>
</div>
<div id="sidebar2">
<div class="date">
<p>Apr. 14</p>
</div>
<h3>praesent vestibulum molestie lacus</h3>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development. A place where you can get a running start down the path to a life-long career in technology and software development.</p><a href="">Read Details -> </a>
</div>
<div id="sidebar3">
<div class="date">
<p>May 27</p>
</div>
<h3>praesent vestibulum molestie lacus</h3>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development. A place where you can get a running start down the path to a life-long career in technology and software development.</p><a href="">Read Details -> </a>
</div>
</div>
</aside>
<div id="features2">
<div class="column">
<h2>Popular Posts</h2>
<h4>Nashville Software School (NSS) is a place where a person with aptitude, motivation,</h4>
<p>A place where you can get a running start down the path to a life-long career in technology and software development.</p><a href="">By Admin</a>
</div>
<div class="column">
<h4>Nashville Software School (NSS) is a place where a person with aptitude, motivation,</h4>
<p>A place where you can get a running start down the path to a life-long career in technology and software development.</p><a href="">By Admin</a>
</div>
</div>
<div id="features3">
<h2>New Perspectives in Design</h2>
<h4>Nashville Software School (NSS) is a place where a person with aptitude, motivation, </h4>
<p>Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development. A place where you can get a running start down the path to a life-long career in technology and software development. Nashville Software School (NSS) is a place where a person with aptitude, motivation, passion and commitment can learn the craft of software development.</p><a href="">Details</a>
</div>
<div class="clear"></div>
</div>
<footer>
<p>CSS Challenge by Adam Scott</p>
</footer>
</body>
</html>