-
Notifications
You must be signed in to change notification settings - Fork 0
/
Untitled-5.html
93 lines (91 loc) · 5.41 KB
/
Untitled-5.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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>About Page template By Adobe Dreamweaver CC</title>
<link href="AboutPageAssets/styles/aboutPageStyle.css" rel="stylesheet" type="text/css">
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/montserrat:n4:default;source-sans-pro:n2:default.js" type="text/javascript"></script>
</head>
<body>
<!-- Header content -->
<header>
<div class="profileLogo">
<!-- Profile logo. Add a img tag in place of <span>. -->
<p class="logoPlaceholder"><!-- <img src="logoImage.png" alt="sample logo"> --><span>LOGO</span></p>
</div>
<div class="profilePhoto">
<!-- Profile photo -->
<img src="AboutPageAssets/images/profilephoto.png" alt="sample"> </div>
<!-- Identity details -->
<section class="profileHeader">
<h1>JOHN DOE</h1>
<h3>REALLY AWESOME WEB DESIGNER</h3>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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. Excepteur sint occaecat cupidatat non proident, sunt in.</p>
</section>
<!-- Links to Social network accounts -->
<aside class="socialNetworkNavBar">
<div class="socialNetworkNav">
<!-- Add a Anchor tag with nested img tag here -->
<img src="AboutPageAssets/images/social.png" alt="sample"> </div>
<div class="socialNetworkNav">
<!-- Add a Anchor tag with nested img tag here -->
<img src="AboutPageAssets/images/social.png" alt="sample"> </div>
<div class="socialNetworkNav">
<!-- Add a Anchor tag with nested img tag here -->
<img src="AboutPageAssets/images/social.png" alt="sample"> </div>
<div class="socialNetworkNav">
<!-- Add a Anchor tag with nested img tag here -->
<img src="AboutPageAssets/images/social.png" alt="sample"> </div>
</aside>
</header>
<!-- content -->
<section class="mainContent">
<!-- Contact details -->
<section class="section1">
<h2 class="sectionTitle">Content Holder 1</h2>
<hr class="sectionTitleRule">
<hr class="sectionTitleRule2">
<div class="section1Content">
<p><span>Email :</span> johndoe@email.com</p>
<p><span>Website :</span> johndoe.com</p>
<p><span>Phone :</span> (123)456 - 789000</p>
<p><span>Address :</span> Anytown, Anycountry</p>
</div>
</section>
<!-- Previous experience details -->
<section class="section2">
<h2 class="sectionTitle">Content Holder 2</h2>
<hr class="sectionTitleRule">
<hr class="sectionTitleRule2">
<!-- First Title & company details -->
<article class="section2Content">
<h2 class="sectionContentTitle">Title & Company</h2>
<h3 class="sectionContentSubTitle">Position / Date - Year</h3>
<p class="sectionContent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>
</article>
<!-- Second Title & company details -->
<article class="section2Content">
<h2 class="sectionContentTitle"> Title & Company</h2>
<h3 class="sectionContentSubTitle">Position / Date - Year</h3>
<p class="sectionContent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>
</article>
<!-- Replicate the above Div block to add more title and company details -->
</section>
<!-- Links to expore your past projects and download your CV -->
<aside class="externalResourcesNav">
<div class="externalResources"> <a href="#" title="Download CV Link">DOWNLOAD CV</a> </div>
<span class="stretch"></span>
<div class="externalResources"><a href="#" title="Behance Link">BEHANCE</a> </div>
<span class="stretch"></span>
<div class="externalResources"><a href="#" title="Github Link">GITHUB</a> </div>
</aside>
</section>
<footer>
<hr>
<p class="footerDisclaimer">2014 Copyrights - <span>All Rights Reserved</span></p>
<p class="footerNote">John Doe - <span>Email me</span></p>
</footer>
</body>
</html>