-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfashion.html
175 lines (149 loc) · 8.56 KB
/
fashion.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!-- This page is for giving tips on fashion. This pages includes enlargable images which the code for the mechanics behind that can be found in the enlargable-photo.js file. -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lyla's TransFem Guide</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="NavBar.css">
<link rel="stylesheet" href="bg.css">
</head>
<div class="bg"></div>
<body>
<div class="nav-wrapper">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="hrt.html">HRT</a></li>
<li><a href="fashion.html">Fashion</a></li>
<li><a href="support.html">Support</a></li>
<div id="moreButton" class="dropdown" onclick="moreClick()">
<a class="dropbtn">More</a>
<div class="dropdown-content">
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about-me.html">About Me</a></li>
<li><a href="glossary.html">Glossary</a></li>
</div>
</div>
</ul>
</nav>
</div>
<div class="white-box">
<h1>Fashion</h1>
<p style="margin-bottom: 0px;">Welcome to the fashion page, this page is dedicated to fashion tips that have
helped me. However, these are
not rules for clothing, you should not be limited to a set amount of rules when dressing these are just
guidelines that I have found have worked for me.</p>
<div class="hide-div">
<p style="margin-top: 0px; font-size: 15px;">Note: You can click images to enlarge them.</p>
</div>
</div>
<div class="white-box">
<div class="hide-div">
<img class="enlargeable-photo" src="photos/black-outfit.JPG" alt=""
style="width: 20%; float: left; padding-right: 20px; padding-bottom: 20px;">
</div>
<h2 style="font-size: 40px; float: left; margin: 20px; text-align: left; margin-bottom: 0px ;">Your Body Shape
</h2>
<br>
<br>
<br>
<br>
<p style="text-align: left; padding-left: 20px; margin: 0px;">Conduct some research on female body shapes to
determine the one that aligns most with your own, and then tailor your clothing choices accordingly. If you
have a straight figure, consider emphasizing your waist. You might be pleasantly surprised by how flattering
form-fitting attire can be. Initially, it may feel a bit unfamiliar, but opting for snug-fitting garments
over loose, casual styles is the recommended approach. Whether it's dresses, skirts, pants, or tops,
choosing clothing that closely follows your body's contours is the key to a stylish look.</p>
<div class="clearfix"></div>
</div>
<div class="white-box">
<div class="hide-div">
<img class="enlargeable-photo" src="photos/pink-dress.JPG" alt=""
style="width: 25%; float: right; padding-left: 20px; padding-bottom: 20px;">
</div>
<h2 style="font-size: 40px; float: left; margin: 20px; text-align: left; margin-bottom: 0px ;">Colours</h2>
<br>
<br>
<br>
<br>
<p style="text-align: left; padding-left: 20px; margin: 0px;">Embrace deeper hues and exercise caution when
considering lighter or vibrant shades. Darker colors have the ability to effectively mask the more masculine
aspects of your physique, thus aiding in the creation of a more authentic appearance. Lighter tones should
be approached with care, as they leave little room for concealment. Bold colors, while more forgiving than
light ones, have a tendency to command significant attention. However, if you have a preference for and feel
confident in vibrant colors, don't hesitate to flaunt them with pride.</p>
<div class="clearfix"></div>
</div>
<div class="white-box">
<div class="hide-div">
<img class="enlargeable-photo" src="photos/img3.PNG" alt=""
style="width: 25%; float: left; padding-right: 20px; padding-bottom: 20px;">
</div>
<h2 style="font-size: 40px; float: left; margin: 20px; text-align: left; margin-bottom: 0px ;">Shoulders</h2>
<br>
<br>
<br>
<br>
<p style="text-align: left; padding-left: 20px; margin: 0px;">Exercise discretion when considering strapless or
slender-strapped garments. This is because the male body typically possesses broader shoulders
compared to female bodies. If you wish to go for a
strapless design, it's advisable to keep a jacket or something similar on hand for coverage (as shown in the
picture to
the left (only viewable on wider screened devices sorry), you can see how it accentuates the
broadness. This outfit would usually be paired with a loose jacket to cover the shoulders but not cover the
"cleavage"). Alternatively, you could opt for
another broader type of strap or a sleeved item of clothing instead of spaghetti straps, as in most cases
they are more complimentary to your appearance. </p>
<div class="clearfix"></div>
</div>
<div class="white-box">
<div class="hide-div">
<img class="enlargeable-photo" src="photos/another-outfit.JPG" alt=""
style="width: 25%; float: right; padding-left: 20px; padding-bottom: 20px;">
</div>
<h2 style="font-size: 40px; float: left; margin: 20px; text-align: left; margin-bottom: 0px ;">Footwear</h2>
<br>
<br>
<br>
<br>
<p style="text-align: left; padding-left: 20px; margin: 0px;">You can easily find feminine footwear tailored to
accommodate larger feet or thicker ankles at most major shoe retailers. Trainers, pumps, boots, and sandals
are frequently offered in sizes up to 43. When it comes to high heels, it's advisable to begin with a block
heel or a lower heel for added comfort and stability. Keep in mind that wearing high heels can instantly
create the illusion of longer legs, especially if you do so with confidence. However, if high heels aren't
your thing, you can always pair a pair of black or white trainers with most outfits.</p>
<div class="clearfix"></div>
</div>
<div class="white-box">
<h2 style="font-size: 40px; margin: 20px; text-align: center; margin-bottom: 0px ;">Quick Tips</h2>
<br>
<br>
<br>
<br>
<p style="text-align: left; padding-left: 20px; margin: 0px;">
1. Embrace Your Style: Find what makes you feel confident and comfortable, whether it's feminine,
androgynous, or a mix of styles. <br>
2. Focus on Fit: Well-fitting clothes can make a world of difference. Tailor or alter garments to your body
shape.<br>
3. Highlight Your Assets: Accentuate your favorite features. If you love your legs, wear skirts or dresses;
if it's your shoulders, consider off-shoulder tops.<br>
4 Layering: Layering adds depth to your outfits and can help create a more balanced silhouette.<br>
5. Play with Accessories: Jewelry, scarves, and handbags can elevate any outfit and express your
personality.<br>
6. Experiment with Makeup: Makeup can enhance your features and boost your self-confidence. YouTube
tutorials can be a great resource.<br>
7. Choose the Right Undergarments: Well-fitted bras and shape wear can help create a more feminine
silhouette.<br>
8. Consider Colors: Lighter colors can create a softer look, while darker shades can provide definition.<br>
9. Flattering Necklines: V-neck and scoop neck tops can be more flattering for trans women.<br>
10. Dress for Your Body Shape: Determine your body shape (hourglass, pear, apple, etc.) and choose clothes
that complement it.<br>
</p>
<div class="clearfix"></div>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="enlarge-photo.js"></script>
</html>