-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (101 loc) · 3.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Eos</title>
<!-- –––––––––––––––––––––– CSS –––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<!-- –––––––––––––––––––––– Content –––––––––––––––––––––––––––– -->
<body>
<!-- –––––––––––––––––––––– Header –––––––––––––––––––––––––––– -->
<header class="header">
<div class="content" id="content">
<div class="logo-nav">
<div class="header-logo">
<a href="">
<img src="images/Logo.png" alt="Logo">
</a>
</div>
<nav class="main-menu">
<ul>
<li>
<a href="">work</a>
<a href="">about me</a>
<a href="">news</a>
<a href="">contact</a>
</li>
</ul>
</nav>
</div>
<div>
<img class="header-text" src="images/Text.png" alt="Slice of my life.">
</div>
</div>
<div class="mouse">
<img src="images/Mouse.png" alt="Mouse" style="padding-bottom: 20px">
<p>Scroll to see more</p>
</div>
</header>
<!-- –––––––––––––––––––––– Center –––––––––––––––––––––––––––– -->
<div class="row">
<div class="block_1">
<div class="text">
<h1>Hello<br>I am<br><span>John</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas erat vel odio consequat, eu consectetur ligula lacinia. Quisque sodales a urna id iaculis. Cras facilisis lorem posuere, consectetur massa et, egestas enim.</p>
</div>
<a href="" class="button">contact with me</a>
</div>
<div class="block_2"></div>
<div class="block_3"></div>
<div class="block_4"></div>
<div class="block_5"><img src="images/Photo-3.png" alt="" />
</div>
<div class="block_6">
<div class="text">
<h1>Lorem ipsum dolor sit.</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores vero dicta sit, nihil laboriosam debitis repellat.</p>
</div>
<a href="" class="button">view case study</a>
</div>
</div>
<!-- –––––––––––––––––––––– Footer –––––––––––––––––––––––––––– -->
<footer class="footer">
<div class="content">
<h1 class="f-text01">
A good photographer is knowing where to stand
</h1>
<p class="f-text02">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et est erat. In vestibulum eget nisi sed sagittis.
Sed sed vulputate lacus. Pellentesque at tincidunt dui, id placerat leo. Ut porta facilisis augue et interdum.
Donec turpis massa, euismod vel egestas quis, porttitor sit amet metus. Mauris condimentum suscipit cursus.
</p>
<div class="f-bot">
<div class="header-logo">
<a href="">
<img src="images/Logo.png" alt="Logo">
</a>
</div>
<p class="rights">
All rights reserved by Eos Free PSD Template by symu.<br />
Check our site www.symu.co for more goods
</p>
<nav class="main-menu">
<ul>
<li>
<a href="" style="padding-left: 0;">work</a>
<a href="">about me</a>
<a href="">news</a>
<a href="">contact</a>
</li>
</ul>
</nav>
</div>
</div>
</footer>
</body>
</html>