-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
115 lines (112 loc) · 5.7 KB
/
portfolio.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>
<meta charset="utf-8">
<title>Portfolio</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="pagetop">
<p id="name">Jayne Doe</p>
<p id="master">Master of shadows and the Internet!</p>
</div>
<div class="background">
<div class="part1">
<img id="portrait" src="imgs/photo_of_me.jpg" alt="picture not found">
<div class="about">
<p class='title'>About...</p>
<p id="sp">Hello! I'm an extremely driven and creative Full Stick Developer
who is currently open for career opportunities as a front-end or
back-end web developer in the Greater Seattle Area.<br>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 fo opportunities to
further expand my skills and grow as a developer.</p>
<a id="continue_read" href="#">Continue reading...</a>
</div>
</div>
<div class="part2">
<div class="content">
<div class="example">
<p class="title">La Mode</p>
<img class="ex_pic" src="imgs/lamode.png" alt="picture not found">
<p class="pi">La Mode is anEcommerce website for designed to market
various clothing products. Users are able to view the available
garments, select their desired quantitly, and compile a shopping
cart for making a final purchase.</p>
</div>
<div class="techn">
<p class="title">Technologies:</p>
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found"><br>
<button class="button" type="button" name="button">La Mode</button>
</div>
</div>
<div class="content">
<div class="example">
<p class="title">Family Contacts</p>
<img class="ex_pic" src="imgs/familycontacts.png" alt="picture not found">
<p class="pi">Family Contacts is a free application for managing,
sharing, and visualizing your family relationships for both
extended and immediate family. As an essential feature of the
project,your log-in information determines who you can see and
reveals hou people are related to you.</p>
</div>
<div class="techn">
<p class="title">Technologies:</p>
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found"><br>
<button class="button" type="button" name="button">Family Contacts</button>
</div>
</div>
<div class="content">
<div class="example">
<p class="title">fiveEleven</p>
<img class="ex_pic" src="imgs/fiveEleven.png" alt="picture not found">
<p class="pi">Bacon ipsum dolor amet ground round ball tip tail
burgdoggen kevin spare ribs. Tongue doner ribeye salami leberkas
ground round. Drumstick picanha corned beef pancetta beef ribs
cow doner boudin meatball t-bone alcatra landjaeger porchetta
strip steak.</p>
</div>
<div class="techn">
<p class="title">Technologies:</p>
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found">
<img class="tcoin" src="./imgs/ajax.png" alt="picture not found"><br>
<button class="button" type="button" name="button">fiveEleven</button>
</div>
</div>
</div>
</div>
<div class="pagebottom">
<p>[email protected]|206-555-1212</p>
<img class="coin" src="imgs/github.png" alt="">
<a class="bl" href="#">jaynedev</a>
<img class="coin" src="imgs/linkedin.png" alt="">
<a class="bl" href="#">jaynedev</a>
<img class="coin" src="imgs/twitter.png" alt="">
<a class="bl" href="#">jaynedev</a>
<img class="coin" src="imgs/codepen.png" alt="">
<a class="bl" href="#">jaynedev</a>
</div>
</body>
</html>