-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
113 lines (104 loc) · 5.37 KB
/
index.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
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Elzero practice 04</title>
<!-- varela round font-->
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet"/>
<!-- my css style file -->
<link rel="stylesheet" href="main.css"/>
</head>
<body>
<!-- stat nav -->
<nav id="main-nav">
<div class="container">
<div class="nav-inner">
<!-- left side -->
<div class="left-side">
<!-- logo -->
<div class="logo-box">
<span class="logo">V</span>
<span class="logo-txt">ero</span>
</div>
<!-- links -->
<div class="links">
<ul class="links-list">
<li class="list-item">
<a class="link" href="#">Stories</a>
</li>
<li class="list-item">
<a class="link" href="#">Popular</a>
</li>
<li class="list-item">
<a class="link" href="#">Global</a>
</li>
</ul>
</div>
</div>
<!-- right side -->
<div class="right-side">
<div class="search">
<input type="search" placeholder="Search">
</div>
<div class="register">
<a class="log-in" href="#">Log in</a>
<a class="sign-up" href="#">Sign up</a>
</div>
</div>
</div>
</div>
</nav>
<!-- end nav -->
<!-- start section quotes -->
<section id="quotes">
<div class="container">
<div class="heading">
<h2>Quotes</h2>
</div>
<div class="cards">
<!-- first card -->
<div class="card-box">
<div class="card">
<h3 class="card-title">Paul Rand</h3>
<p class="card-txt">The public is more familiar with bad design than good design. it is, in effect conditioned to prefer bad design, brcause that is what it lives with. The new becomes thretening, the old reassuring.</p>
</div>
<div class="card">
<h3 class="card-title">Egyptian Proverbs</h3>
<p class="card-txt">An answer brings no illuminaton unless the question has matured to a point where it gives rise to this answer which thus becomes its frui. Therfore learn how to put a question</p>
</div>
</div>
<div class="card-box">
<div class="card">
<h3 class="card-title">Bill Gates</h3>
<p class="card-txt">''Success is a lousy teacher. it seduces smart people into thinking they can't lose.''</p>
</div>
</div>
<div class="card-box">
<div class="card">
<h3 class="card-title">Muhammad ali</h3>
<p class="card-txt">''I hated every minute of training, but i said, Don't quit. Suffer now and live the rest of your life as a champion.''</p>
</div>
<div class="card">
<p class="card-txt">''Float like a butterfly, sting like a bee''</p>
<span class="author">Muhammed ali</span>
</div>
</div>
<div class="card-box">
<div class="card">
<p class="card-txt">I strive for two things in design: simplicity and claity. Great desgn is born of those two things.</p>
</div>
<div class="card">
<p class="card-txt">Every great developer you know got there by solving problems they were unqualified to solve until they actually did it.</p>
<span class="author">- Patrick Mckenzie</span>
</div>
</div>
<!-- last card -->
</div>
<div class="see-more">
<a href="#">View More</a>
</div>
</div>
</section>
<!-- end section quotes -->
</body>
</html>