-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (43 loc) · 2 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
<!DOCTYPE html>
<head>
<title>Personal Builds Website Generator</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/homepage-style.css" type="text/css" />
</head>
<html>
<body>
<header>
<!-- Logo -->
<img id="logo" src="img/codinglogo.gif">
<h1>Personal Builds</h1>
<nav>
<!-- # is to not swap pages -->
<a href="#">Home</a>
<a href="build.html">Build Your Website</a>
<a href="output.html">Get the Code</a>
<a href="about-us.html">Developers</a>
</nav>
</header>
<main>
<div id="instructions">
<h2>Welcome to Personal Builds! This website is used for projecting your website ideas!</h2>
<p>On Personal Builds we take in your information, and display it in a professional way allowing you, the user to conceptualize what your ideal professional personal website may look like. Please follow the instructions below:</p>
<ol>
<li>Click "Next" to get started!</li>
<li>Fill in the title and the header appropriatly for your webpage</li>
<li>Click "preview" to see how your header looks!</li>
<li>Click on "choose an element" and pick an option that suits your needs</li>
<li>Add your image in, or use one of the images we have supplied for you (image must be in URL form)</li>
<li>add as many elements you want in any order to display your creativity!</li>
<li>Click preview to refresh your webpage results</li>
<li>Choose a color theme for your webpage</li>
<li>once you have made the perfect website, you can click on "Get Code" to recieve the raw HTML and CSS that was used to create your webpage</li>
<li>Please check out our Developers page!</li>
<li>Thank you for using our website!</li>
</ol>
<a href = "build.html"><button class="button"><span>Next! </span></button></a>
</div>
</main>
<footer></footer>
</body>
</html>