-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathp-index.html
94 lines (94 loc) · 5.07 KB
/
p-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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="p-style.css">
<title>Portfolio</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Jayne Doe</h1>
<p>Master of shadows and the Internet!</p>
</div>
<div id="main">
<div id="about">
<img src="images/photo_of_me.jpg" alt="Selfie">
<div>
<h2>About...</h2>
<p>Hello! I'm an extremely driven and creative Full Stack Developer who is currently open for career opportunities as a front-end or back-end web developer in the Greater Seattle Area.</p>
<p>I'm a recent graduate of Coding Dojo, a coding school located in Bellevue, WA that teaches 3 full stacks in 3 months. I'm capable of learning new technologies very quickly, and am always looking for opportunities to further expand my skills and grow as a developer.</p>
<a href="#">Continue reading..</a>
</div>
</div>
<div id="projects">
<div>
<h3>La Mode</h3>
<img src="images/lamode.png" alt="La Mode Project">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Animi vitae possimus, voluptatibus pariatur neque inventore rerum explicabo provident aspernatur dolores autem tempora ad obcaecati placeat ipsa doloribus quibusdam voluptatem eum!</p>
<h4>Technologies</h4>
<div>
<img src="images/php.png" alt="PHP">
<img src="images/codeigniter.png" alt="CodeIgniter">
<img src="images/jQuery.png" alt="jQuery">
<img src="images/ajax.png" alt="Ajax">
<img src="images/mysql.png" alt="MySQL">
<img src="images/HTML.png" alt="HTML">
<img src="images/CSS.png" alt="CSS">
<img src="images/bootstrap.png" alt="Bootstrap">
</div>
<button>La Mode</button>
</div>
<div>
<h3>Family Contacts</h3>
<img src="images/familycontacts.png" alt="Family Contacts Project">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Animi vitae possimus, voluptatibus pariatur neque inventore rerum explicabo provident aspernatur dolores autem tempora ad obcaecati placeat ipsa doloribus quibusdam voluptatem eum!</p>
<h4>Technologies</h4>
<div>
<img src="images/php.png" alt="PHP">
<img src="images/codeigniter.png" alt="CodeIgniter">
<img src="images/jQuery.png" alt="jQuery">
<img src="images/ajax.png" alt="Ajax">
<img src="images/mysql.png" alt="MySQL">
<img src="images/HTML.png" alt="HTML">
<img src="images/CSS.png" alt="CSS">
<img src="images/bootstrap.png" alt="Bootstrap">
</div>
<button>Family Contacts</button>
</div>
<div>
<h3>fiveEleven</h3>
<img src="images/fiveEleven.png" alt="fiveEleven Project">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Animi vitae possimus, voluptatibus pariatur neque inventore rerum explicabo provident aspernatur dolores autem tempora ad obcaecati placeat ipsa doloribus quibusdam voluptatem eum!</p>
<h4>Technologies</h4>
<div>
<img src="images/php.png" alt="PHP">
<img src="images/codeigniter.png" alt="CodeIgniter">
<img src="images/jQuery.png" alt="jQuery">
<img src="images/ajax.png" alt="Ajax">
<img src="images/mysql.png" alt="MySQL">
<img src="images/HTML.png" alt="HTML">
<img src="images/CSS.png" alt="CSS">
<img src="images/bootstrap.png" alt="Bootstrap">
</div>
<button>fiveEleven</button>
</div>
</div>
</div>
<div id="footer">
<div>
<img src="images/github.png" alt="GitHub">
<a href="">jaynedev</a>
<img src="images/linkedin.png" alt="LinkedIn">
<a href="">jayne-doe</a>
<img src="images/twitter.png" alt="Twitter">
<a href="">jdtweets</a>
<img src="images/codepen.png" alt="CodePen">
<a href="">jaynedev</a>
</div>
</div>
</div>
</body>
</html>