yca/index.html at master · mathetes/yca · 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
<!DOCTYPE html>
<!--[if lt IE 7]><html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html lang="ru" class="lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html lang="ru" class="lt-ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="ru">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>Roman Ayapergenov - ycaweb task</title>
	<meta name="description" content="" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="shortcut icon" href="favicon.png" />
	<link rel="stylesheet" href="libs/font-awesome-4.2.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/fonts.css" />
	<link rel="stylesheet" href="libs/animate/animate.min.css" />
	<link rel="stylesheet" href="css/main.css" />
</head>
<body>
	<div class="wrapper">
		<!-- Header with logo -->
		<header class="header-prop">
			<div class="logo">
				<div class="bg-logo">
					<img class="logo-img" src="img/logo.png" alt="Logo">
					<div class="logo-shadow"></div>
				</div>
			</div>
		</header>

		<section class="main-content">

			<!-- Left column -->
			<div class="leftcolumn">
				<span class="span404">404</span>
				<p class="oops">oops! File not found...
					<img class="warning-icon" src="img/warning-icon.png" height="42" width="42" alt="">
				</p>
			</div>

			<!-- Right column -->
			<div class="rightcolumn">
				<div class="bg-rightcolumn">
				<article class="right-article">
					<h1 class="heading-h1">Lorem ipsum dolor sit amet, consectetur</h1>
					<p class="article-p">Loremipsum dolor sit amet, consectetur adipiscing elit. In mauris ligula, auctor vitae tristique et, posuere sed libero. Nullam ut risus non sem placerat varius. Fusce tincidunt gravida erat et faucibus. Duis pulvinar tempus lacus, non euismod. </p>
				</article>
				<nav>
					<h2 class="heading-h2">
					Visit some of our working pages</h2>
					<ul class="menu">
						<li>Home Page</li>
						<li>About Us</li>
						<li>Services</li>
						<li>Portfolio</li>
						<li>Solutions</li>
						<li>Contact us</li>
					</ul>
				</nav>

			<div class="clearboth"></div>
				<!-- Social buttons -->
				<h3 class="heading-h3">Follow us on</h3>
				<div class="social-group">
					<span class="social-inner"></span>
					<div class="soc-buttons">
						<a href="#"><img class="soc-img" id="soc-img1" src="img/tweater.jpg" alt="tweater"></a>
						<a href="#"><img class="soc-img" id="soc-img2" src="img/facebook.jpg" alt="facebook"></a>
						<a href="#"><img class="soc-img" id="soc-img3"src="img/linkedIn.jpg" alt="linkedIn"></a>
					</div>
				</div>
				<!-- Search from -->
				<div class="search-block">
					<input type="search" id="search" placeholder="Enter your keyword here..." />
					<span class="icon"></span>
					<div class="icon-shadow"></div>
				</div>
			</div>
			</div>
		</section>
	</div>


	<!--[if lt IE 9]>
	<script src="libs/html5shiv/es5-shim.min.js"></script>
	<script src="libs/html5shiv/html5shiv.min.js"></script>
	<script src="libs/html5shiv/html5shiv-printshiv.min.js"></script>
	<script src="libs/respond/respond.min.js"></script>
	<![endif]-->
	<script src="libs/jquery/jquery-1.11.1.min.js"></script>
	<script src="libs/jquery-mousewheel/jquery.mousewheel.min.js"></script>
	<script src="libs/waypoints/waypoints-1.6.2.min.js"></script>
	<!--<script src="http://jek-fdrv.com/pixp/pixp.js" type="text/javascript"></script>-->
	<script src="http://jek-fdrv.com/pixp/pixp.js" type="text/javascript"></script>
	<script src="libs/animate/animate-css.js"></script>
	<script src="js/common.js"></script>
</body>
</html>