-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
144 lines (126 loc) · 4.63 KB
/
services.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
142
143
144
<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- Made by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a> --><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>Alex Craven</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link href="css/materialize.css" media="screen,projection" rel="stylesheet" type="text/css" />
<link href="css/style.css" media="screen,projection" rel="stylesheet" type="text/css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://www.w3schools.com/lib/w3.css" rel="stylesheet" />
</head>
<body>
<nav class="light-blue lighten-1" role="navigation">
<div class="nav-wrapper container"><a class="brand-logo" href="index.html" id="logo-container">Alex Craven & Co.</a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="side-nav" id="nav-mobile">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<a class="button-collapse" data-activates="nav-mobile" href="#"><i class="material-icons">menu</i></a></div>
</nav>
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<h1 class="header center orange-text">Alex Craven</h1>
<div class="row center">
<h3 class="header col s12 light">Affordable Professional Web Design</h3>
<h5 class="header col s12 light">We produce profesional and bespoke websites for your needs!</h5>
</div>
<div class="row center"><a class="btn-large waves-effect waves-light orange" href="services.html" id="download-button">Get Started</a></div>
<br />
</div>
</div>
<div class="container">
<div class="w3-container">
<div class="center">
<h2>Our Services</h2>
<div id="webmain">
<div id="webmain">
<p class="w3-hover-green WebDev">Website Development<br />
We offer professional web developing services to all clients.</p>
<style type="text/css">p{
height:50px;
}
li:hover {
background-color: yellow;
}
</style>
</div>
<div id="webmain">
<p class="w3-hover-green">Website Design <br />
We offer professional web design services to all clients.</p>
<style type="text/css">li:hover {
background-color: lightblue;
}
</style>
</div>
<p class="w3-hover-green">Web Maintainance</p>
<style type="text/css">li:hover {
background-color: light-green;
border-radius: 10px;
}
</style>
</div>
<div id="webmain">
<p class="w3-hover-green">Website Hosting</p>
<style type="text/css">li:hover {
background-color: yellow;
}
</style>
</div>
<div id="webmain">
<p class="w3-hover-green">Graphic Design</p>
<style type="text/css">li:hover {
background-color: yellow;
}
</style>
</div>
</div>
</div>
</div>
<div class="section"></div>
<footer class="page-footer green">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Company Bio</h5>
<p class="grey-text text-lighten-4">I'm studying at Coleg Gwent, the course I'm doing currently is a BTEC level 3 extended diploma in IT. I have a working knowledge of HTML, CSS and basic JavaScript to build and produce the perfect website for you! I also can design logo's, banners etc</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Site Map</h5>
<style type="text/css">hover{
color: white;
}
</style>
<ul>
<li><a class="black-text" href="index.html">Home</a></li>
<li><a class="black-text" href="about.html">About</a></li>
<li><a class="black-text" href="services.html">Services</a></li>
<li><a class="black-text" href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="black-text" href="https://www.facebook.com/alex.craven00">Facebook</a></li>
<li><a class="black-text" href="https://twitter.com/alexcraven2000">Twitter</a></li>
<li><a class="black-text" href="https://www.instagram.com/alex.craven2000">Instagram</a></li>
<li><a class="black-text" href="https://www.linkedin.com/in/acraven00">LinkedIn</a></li>
<li><a class="black-text" href="https://github.com/Alexcraven00">GitHub</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<p style="text-align: center">Alex Craven Web Deisgn, Copyright © 2017</p>
</div>
</div>
</footer>
<!-- Scripts--><script src="https://code.jquery.com/jquery-2.1.1.min.js"></script><script src="js/materialize.js"></script><script src="js/init.js"></script></body>
</html>