-
Notifications
You must be signed in to change notification settings - Fork 0
/
tips.html
202 lines (182 loc) · 9.22 KB
/
tips.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tips for Women to Get into Technology</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="chat.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Plus Jakarta Sans", sans-serif;
}
.header{
min-height: 70vh;
}
.header,
.cta,
.sub-header {
background-image: url('tempbg.png');
background-position: center;
background-size: cover;
}
.sub-header,
.light-mode .sub-header {
background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
url('tempbg.png');
}
.dark-mode .sub-header {
background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)),
url('tempbg.png');
}
.article {
padding: 20px;
}
.container {
max-width: 900px; /* Increased width */
margin: 0 auto;
padding: 40px; /* Increased padding */
background-color: #fff;
border-radius: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.container img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
width: 90%; /* Increased width of the image */
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.container ul {
padding-left: 20px; /* Add padding to the left of the list */
}
.container li {
font-size: 18px; /* Set consistent font size */
line-height: 1.6;
margin-bottom: 15px; /* Adjusted margin bottom */
padding-left: 15px; /* Add padding to the left of each list item */
}
.container p,
.container ul,
.container li,
.container h1,
.container h3 {
font-size: 18px; /* Set consistent font size */
line-height: 1.6;
margin-bottom: 20px; /* Increased margin bottom */
}
.container h1,
.container h3 {
text-align: center;
}
.footer {
margin-top: 40px; /* Increased margin top */
}
.footer .icons {
margin-top: 15px;
}
</style>
</head>
<body>
<section class="header">
<nav style="padding-top: 30px;">
<img style="width: 250px; margin-left: 85px;" src="nvt1.png">
<a href="index.html"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hidemenu()"></i>
<ul>
<li><a href="home2.html" style="font-size: 18px;">Home</a></li>
<li><a href="career.html" style="font-size: 18px;">Career</a></li>
<li><a href="mquiz.html" style="font-size: 18px;">Mental Health</a></li>
<li><a href="explore.html" style="font-size: 18px;">Explore</a></li>
<li><a href="ideahub.html" style="font-size: 18px;">IdeaHub</a></li>
<li><a href="community.html" style="font-size: 18px;">Community</a></li>
<li><a href="article.html" style="font-size: 18px;">Articles</a></li>
<li><a href="profile.html" style="font-size: 18px;background-color: #ad8a38; font-weight: bold; padding: 10px; border-radius: 5px;">Profile</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<br><br><br><br>
<div class="text-box">
<h1 style="padding-top: 30px; font-size: 50px;">Tips for Women to Get into Technology</h1>
</div>
<button class="chatbot-toggler">
<span class="material-symbols-rounded"><i class="fa-solid fa-message"></i></span>
<span class="material-symbols-outlined"><i class="fa-solid fa-xmark"></i></span>
</button>
<div class="chatbot">
<header>
<h2>Chatbot</h2>
<span class="close-btn material-symbols-outlined"><i class="fa-solid fa-xmark"></i></span>
</header>
<ul class="chatbox">
<li class="chat incoming">
<span class="material-symbols-outlined"><i class="fa-regular fa-paper-plane"></i></span>
<p>Hi there 👋<br>How can I help you today?</p>
</li>
</ul>
<div class="chat-input">
<textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
<span id="send-btn" class="material-symbols-rounded"><i class="fa-solid fa-share"></i></span>
</div>
</div>
</section>
<div class="container">
<img src="image16.jpeg" alt="Work-Life Balance">
<p>
In today’s digital age, technology plays a pivotal role in shaping the world we live in. However, despite the increasing demand for tech professionals, women remain underrepresented in the field. Breaking into the male-dominated tech industry can seem daunting, but with determination, resilience, and the right strategies, women can pave successful careers in technology.
</p>
<p>
Here are some essential tips for women aspiring to enter the tech industry:
</p>
<ul>
<li>Set clear goals: Define your career objectives in the tech industry and outline the steps needed to achieve them.</li>
<li>Equip yourself with education: Pursue relevant degrees, certifications, or online courses to gain technical knowledge and skills.</li>
<li>Seek mentors: Connect with experienced professionals who can provide guidance, support, and valuable insights into the industry.</li>
<li>Build a strong network: Attend tech events, join online communities, and participate in networking opportunities to expand your connections.</li>
<li>Develop technical skills: Take courses, attend workshops, and engage in self-study to build proficiency in programming languages and other technical areas.</li>
<li>Showcase your work: Create a portfolio showcasing your projects and achievements to demonstrate your skills and expertise to potential employers.</li>
<li>Be confident: Believe in yourself and your abilities, and don't be afraid to pursue opportunities even if you feel underqualified.</li>
<li>Advocate for yourself: Negotiate for fair compensation and opportunities for advancement, and don't settle for less than you deserve.</li>
<li>Stay resilient: Overcome setbacks and challenges with perseverance and resilience, and keep pushing forward towards your goals.</li>
</ul>
<p>
By following these tips and staying determined, women can overcome barriers and succeed in the tech industry, contributing their unique perspectives and talents to drive innovation and change.
</p>
<p>
Additionally, it's important for women to actively seek out supportive environments and organizations that prioritize diversity and inclusion. Look for companies with women in leadership positions and initiatives aimed at promoting gender equality in the workplace. By aligning yourself with organizations that value diversity, you can find greater opportunities for growth and advancement in your tech career.
</p>
<p>
Remember, your journey into the tech industry may have challenges, but with perseverance and support, you can achieve your goals and make a positive impact in this dynamic and exciting field.
</p>
</div>
<script src="chello.js"></script>
<div id="google_translate_element"></div>
<script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
<script>
function loadGoogleTranslate() {
new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
}
</script>
<script src="cscript.js"></script>
<section class="footer">
<h3 style="color:#f0dbaa; font-weight: bold;">Contact Us</h3>
<div class="icons">
<i class="fab fa-facebook"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-linkedin"></i>
</div>
</section>
</body>
</html>