-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-1.html
115 lines (87 loc) · 6.84 KB
/
portfolio-1.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>
<!-- ---------------------------------------------------------------------------------------- -->
<head>
<link rel="shortcut icon" type="image/png" href="./images/favicon.png">
<title>Interior Design - Bathroom Refresh</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" href="./font-awesome/css/fontawesome-all.css">
<link type="text/css" rel="stylesheet" href="./css/general.css">
<link type="text/css" rel="stylesheet" href="./css/menu.css">
<link type="text/css" rel="stylesheet" href="./css/portfolio-article.css">
<link type="text/css" rel="stylesheet" href="./css/footer.css">
</head>
<!-- ---------------------------------------------------------------------------------------- -->
<body>
<!-- ---------------------------------------------------------------------------------------- -->
<a href="index.html"><div id="logo">HUNG NGUYEN</div></a>
<div id="menu">
<a href="#footer" class="menu-link">CONTACT</a>
<a href="blog.html" class="menu-link">BLOG</a>
<a href="profile.html" class="menu-link">ABOUT ME</a>
<a href="index.html#worked" class="menu-link">WORKED</a>
<a href="portfolio.html" class="menu-link">MY WORKS</a>
<a href="index.html#what-i-do-section" class="menu-link">WHAT I DO</a>
<a href="index.html" class="menu-link">HOME</a>
</div>
<div id="menu-small-icon"><i class="fas fa-bars"></i></div>
<!-- -------------------------------------------------------------------------------------------=- -->
<div id="wallpaper-container">
<img src="./images/blog/wallpaper.jpg" id="wallpaper">
</div>
<!-- --------------------------------------------------------------------------------------------- -->
<div id="main-content">
<div id="title-container">
<div id="category" class="link">Interior Design</div>
<h1 id="title" class="link">Bathroom Refresh</h1>
</div>
<div id="paragraph">
<img src="./images/portfolio/img-01.jpg">
A paragraph is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.<br><br>
The oldest classical Greek and Latin writing had little or no space between words and could be written in boustrophedon (alternating directions). Over time, text direction (left to right) became standardized, and word dividers and terminal punctuation became common. The first way to divide sentences into groups was the original paragraphos, similar to an underscore at the beginning of the new group. The Greek paragraphos evolved into the pilcrow (¶), which in English manuscripts in the Middle Ages can be seen inserted inline between sentences. The hedera leaf (e.g. ☙) has also been used in the same way.<br><br>
<h1>Details</h1><br>
In ancient manuscripts, another means to divide sentences into paragraphs was a line break (newline) followed by an initial at the beginning of the next paragraph. An initial is an oversized capital letter, sometimes outdented beyond the margin of the text. This style can be seen, for example, in the original Old English manuscript of Beowulf. Outdenting is still used in English typography, though not commonly. Modern English typography usually indicates a new paragraph by indenting the first line. This style can be seen in the (handwritten) United States Constitution from 1787. For additional ornamentation, a hedera leaf or other symbol can be added to the inter-paragraph whitespace, or put in the indentation space.<br><br>
A second common modern English style is to use no indenting, but add vertical white space to create "block paragraphs." On a typewriter, a double carriage return produces a blank line for this purpose; professional typesetters (or word processing software) may put in an arbitrary vertical space by adjusting leading. This style is very common in electronic formats, such as on the World Wide Web and email.<br><br>
<h1>Application</h1><br>
Widows and orphans occur when the first line of a paragraph is the last line in a column or page, or when the last line of a paragraph is the first line of a new column or page.<br><br>
A recent trendy idea in English is not to indent the first paragraph, but indent those that follow. For example, Robert Bringhurst states that we should "Set opening paragraphs flush left. Bringhurst explains as follows:<br><br>
<i><t>The function of a paragraph is to mark a pause, setting the paragraph apart from what precedes it. If a paragraph is preceded by a title or subhead, the indent is superfluous and can therefore be omitted.</i><br><br>
The Elements of Typographic Style states that "at least one en [space]" should be used to indent paragraphs after the first, noting that that is the "practical minimum". An em space is the most commonly used paragraph indent. Miles Tinker, in his book Legibility of Print, concluded that indenting the first line of paragraphs increases readability by 7%, on the average.<br><br>
</div>
</div>
<!-- --------------------------------------------------------------------------------------------- -->
<div id="footer">
<h1 id="contact-section" class="link">Contact</h1>
<div class="my-address">
<div class="title">My Address</div>
<div id="content">
24A Duong Thi Muoi Street<br>
Tan Chanh Hiep Ward, District 12<br>
Ho Chi Minh City
</div>
<div id="icons-container">
<a href="#0"><i class="fas fa-envelope"></i><span> [email protected]</span></a><br>
<a href="#0"><i class="fab fa-facebook-f"></i><span>   fb.com/hungng300899</span></a><br>
<a href="#0"><i class="fab fa-youtube"></i><span> youtube.com/hungng300899</span></a>
</div>
</div>
<form class="contact-form" onsubmit="return false;">
<div class="title">Contact Form</div>
<div class="contact-column">
<div class="input-guide">Your Name</div>
<input type="text" name="name" placeholder="Your Name">
</div>
<div class="contact-column">
<div class="input-guide">Your Email</div>
<input type="text" name="email" placeholder="Your Email">
</div>
<div class="input-guide">Your Message</div>
<textarea name="message" rows="8" placeholder="Your Message"></textarea><br>
<input type="submit" value="Send A Message">
</form>
</div>
<!-- --------------------------------------------------------------------------------------------- -->
<script src="./js/menu.js"></script>
<!-- --------------------------------------------------------------------------------------------- -->
</body>
</html>