-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolioWF.html
86 lines (85 loc) · 4.65 KB
/
portfolioWF.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css">
<link rel="stylesheet" type="text/css" href="wireframe.css">
<title>Sunny's Portfolio</title>
<meta name="description" content="Sunny Lee's Web Development Portfolio 2020">
</head>
<header>
<a href="portfolioWF.html">Portfolio</a>
<a href="index.html"><img src="logo.jpg" alt="Sunny's Logo" class="navImage"></a>
<a href="aboutWF.html">About Me</a>
</header>
<body>
<main>
<section class="portfolio">
<section class="portfolioSS">
<section class="techList">
<p>HTML CSS JavaScript JQuery</p>
</section>
<h1 class ="heading">Project Title</h1>
<img src="screenshot.jpg" alt="Portfolio 1 Screenshot" class="pImage">
<p class="portfolioDescription tab">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
<section class="linksButtons">
<a href="code">Code</a><span> | </span>
<a href="live">Live Page</a>
</section>
</section>
<section class="navigateButtons">
<button class="nButton">Previous</button>
<p class="pageNo">1 <span class="pNumber"></span> of <span class="total"> 3</span></p>
<button class="nButton">Next</button>
</section>
</section>
<section class="portfolio2" id="p2">
<section class="portfolioSSE">
<section class="techList">
<p>HTML CSS JavaScript JQuery</p>
</section>
<h1 class ="heading">Project Title 2</h1>
<img src="screenshot.jpg" alt="Portfolio 2 Screenshot" class="pImage">
<p class="portfolioDescription tab">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
<section class="linksButtons">
<a href="code">Code</a><span> | </span>
<a href="live">Live Page</a>
</section>
</section>
<section class="navigateButtons">
<button class="nButton">Previous</button>
<p class="pageNo">2 <span class="pNumber"></span> of <span class="total"> 3</span></p>
<button class="nButton">Next</button>
</section>
</section>
<section class="portfolio3">
<section class="portfolioSSE">
<section class="techList">
<p>HTML CSS JavaScript JQuery</p>
</section>
<h1 class ="heading">Project Title 3</h1>
<img src="screenshot.jpg" alt="Portfolio 3 Screenshot" class="pImage">
<p class="portfolioDescription tab">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
<section class="linksButtons">
<a href="code">Code</a><span> | </span>
<a href="live">Live Page</a>
</section>
</section>
<section class="navigateButtons">
<button class="nButton">Previous</button>
<p class="pageNo">3 <span class="pNumber"></span> of <span class="total"> 3</span></p>
<button class="nButton">Next</button>
</section>
</section>
</main>
</body>
<footer>© <a href="mailto:[email protected]?subject=Portfolio%20Inquiry" target='_blank' class="footerlink">Sunny Lee</a> 2020</footer>
</html>