-
Notifications
You must be signed in to change notification settings - Fork 0
/
ourClients.html
141 lines (117 loc) · 5.98 KB
/
ourClients.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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License
Name : MetroBiz
Description: A two-column, fixed-width design with dark color scheme.
Version : 1.0
Released : 20140207
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
<link href="ourClients.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
</head>
<body>
<div id="header-wrapper">
<div id="header" class="container">
<div id="logo">
<h1><a href="#">MetroBiz</a></h1>
<span>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a></span>
</div>
<div id="menu">
<ul>
<li><a href="index.html" accesskey="1" title="">Homepage</a></li>
<li class="current_page_item"><a href="ourClients.html" accesskey="2" title="">Our Clients</a></li>
<li><a href="aboutUs.html" accesskey="3" title="">About Us</a></li>
<li><a href="#" accesskey="4" title="">Careers</a></li>
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- Page jumpes to top by clicking th button on the right at the bottom -->
<button onclick="topFunction()" id="myBttn" title="Go to top">To Top</button>
<!-- pop-up form for registration -->
<!-- closed form, click button to open it -->
<button class="open-button" onclick="openForm()">Login</button>
<!-- opened form -->
<div class="form-popup" id="myForm">
<form action="/action_page.php" class="form-container">
<h1>Welcome Back!</h1>
<label for="email"><b>E-mail</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<!-- when login is clicked and inputs aren't filled out an alarm apears to make sure to fill these out-->
<!-- click close to close form -->
<button type="submit" class="btn">Login</button>
<button type="button" class="btn cancel" onclick="closeForm()">Close</button>
</form>
</div>
<div id="wrapper2">
<div id="welcome" class="container">
<div class="title">
<h2>Our clients</h2>
<h1 class="ml2">We work with you, for you!</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
</div>
</div>
</div>
<div id="wrapper3">
<div id="three-column" class="container">
<div><span class="arrow-down"></span></div>
<div id="tbox1">
<div class="title">
<h2>Maecenas luctus</h2>
</div>
<p>Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac suscipit mauris. Proin eu wisi suscipit nulla suscipit interdum.
<a href="#" class="button" onmouseover="style.color='pink'" onmouseout="style.color='white'">
Learn More</a></div>
<div id="tbox2">
<div class="title">
<h2>Integer gravida</h2>
</div>
<p>Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem semper suscipit eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris.</p>
<a href="#" class="button" onmouseover="style.color='pink'" onmouseout="style.color='white'">
Learn More</a> </div>
<div id="tbox3">
<div class="title">
<h2>Praesent mauris</h2>
</div>
<p>Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem suscipit semper eleifend.</p>
<a href="#" class="button" onmouseover="style.color='pink'" onmouseout="style.color='white'">
Learn More</a> </div>
</div>
</div>
</div>
<div id="wrapper4">
<div id="footer" class="container">
<div>
<header class="title">
<h2>Get in touch</h2>
<span class="byline">Phasellus nec erat sit amet nibh pellentesque congue</span> </header>
<ul class="contact">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
<li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li>
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
</ul>
</div>
</div>
</div>
<div id="copyright" class="container">
<p>© Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
</div>
<script src="ourClients.js" type="text/javascript"></script>
</body>
</html>