Homework_HTML-CSS/index1.html at master · Hankho/Homework_HTML-CSS · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
    <link rel="stylesheet" href="CSS/normalize.css">
    <link rel="stylesheet" href="CSS/main.css">
</head>
<body>
		<div id="header">
            <div class="container">
                <div id="logo">
                    <a href="#">
                    <img src="http://lorempixel.com/400/200/" alt="logo">
                    </a>

                </div>
            <div id="nav">
                    <ul>
                    <li><a href="#">home</a></li>
                    <li><a href="#">about</a></li>
                    <li><a href="#">services</a></li>
                    <li><a href="#">work</a></li>
                    <li><a href="#">blog</a></li>
                    <li><a href="#">contact</a></li>
                    </ul>
            </div>
            <div class="sentence">
                  <h1>We make something you will love</h1>
            </div>

            <div class="clearfix"></div>


            </div>


        </div>
        <div class="banner">
            <div class="our">
                <h2>Our portfolio</h2>
            </div>
        	<div class="see">
                <h4>see some of our work</h4>
            </div>

            <div class="filter">
            	<ul>
            		<li><a href="#">all</a></li>
            		<li><a href="#">branding</a></li>
            		<li><a href="#">web design</a></li>
            		<li><a href="#">photography</a></li>
            		<li><a href="#">motion graphic</a></li>
            		<li><a href="#">illustration</a></li>
            	</ul>
            </div>
                <div class="clearfix"></div>
        </div>


        <div class="pictures">
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="tool"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="1"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="bottle"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="book"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="paper"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="pencil"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="pitch"></a>
             <a href="#"><img src="http://lorempixel.com/400/200/" alt="apple"></a>
             <a href="#"><img src="" alt="orange"></a>
				        <div class="clearfix"></div>
                        <div class="button">
                        <img src="http://lorempixel.com/400/200/" alt="recycle">
                        <div class="load">
                            <h4>load more</h4>
                        </div>


        </div>
        <div id="footer">
        	<h2>ELRUMI</h2>
        	<div class="nav2">
        		<ul>
        			<li><a href="#">facebook</a></li>
        			<li><a href="#">twitter</a></li>
        			<li><a href="#">linkEdin</a></li>
        			<li><a href="#">behance</a></li>
        			<li><a href="#">dribbble</a></li>
        		</ul>
        	</div>
			<div class="clearfix"></div>

			<div id="author">
				<h4>2015elrumi. Designed by PotterEight</h4>
			</div>


        </div>


</body>
</html>