forked from colossalboss/rem-dev
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
115 lines (104 loc) · 3.07 KB
/
about.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
<!DOCTYPE = "html">
<html lang="en">
<head>
<title>About Us</title>
<meta name="description" content ="">
<meta name="author" content = "">
<meta name ="viewport" content = "width=device-width, initial-scale=1, maximum-scale=1">
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
<style type="text/css">
body{
background-color: #001F3F;
padding:0 5rem 1rem;
color:#ffffff;
}
.mainnav {
display: flex;
list-style: none;
margin: 0;
}
.mainnav li {
padding: 20px;
}
.link {
color: white;
text-decoration: none;
}
.increasefont {
font-size: 35px;
font-family: 'Pacifico', cursive;
}
.push {
margin-left: auto;
}
.pushleft {
padding-right: 50px;
}
.sourcefont {
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
line-height: 25px;
}
.content{
display: flex;
justify-content:center;
}
.container{
width: 70%;
text-align: center;
font-family: 'calibri';
font-size: 1.5rem;
}
h3{
font-weight: bolder;
font-size: 2.5rem;
}
a.team-link{
padding: 0.5rem;
border-radius: 0.3rem;
border: 1px solid #ffffff;
text-decoration: none;
color: rgba(255, 255,255,0.5);
transition:all 0.5s ease-in-out;
}
a.team-link:hover{
background-color: rgba(255,255,255,0.8);
color:#2B577A;
border-radius: 0.3rem;
border: 1px solid #28577A;
}
</style>
</head>
<body>
<nav class="mainzone">
<ul class="mainnav">
<li><a class="link increasefont"href="index.html">RemDev</a></li>
<li class="push sourcefont"><a class="link" href="index.html">Home</a></li>
<li class="sourcefont"><a class="link" href="search.html">Browse developers</a></li>
<li class="pushleft sourcefont"><a class="link" href="#">About Us</a></li>
</ul>
</nav>
<div class="content">
<div class="container">
<section id="about">
<h3>About Us</h3>
<p>RemDev is a platform that allows software developers connect with clients and vice versa.
Through RemDev individuals and business connect with freelance software developers to work on projects. RemDev makes the job faster, easier and cost-effective to find, hire and work with the best software developers anywhere in the world</p>
</section>
<section id="vision">
<h3>Vision</h3>
<p>To connect individuals and business with the best software developers without boundaries</p>
</section>
<section id="mission">
<h3>Mission</h3>
<p>To create opportunities for the best hands in software development, so that they can afford to live the good life</p>
</section>
<section id="values">
<h3>Values</h3>
<p>Commitment (Put a design above this and the other values too). We are committed to making a positive difference in our client's lives. Teamwork: We work together across boundaries to meet the needs of our clients whilst helping our company grow. Passion: We are passionate and always ready to get the job done!</p>
</section>
<a class="team-link" href="team.html">Meet our team</a>
</div>
</div>
</body>
</html>