diff --git a/index.CSS b/index.CSS new file mode 100644 index 0000000..6191166 --- /dev/null +++ b/index.CSS @@ -0,0 +1,248 @@ +.text-wrapper { + display: flex; +} + +p { + font-size: 18px; +} +body { + margin: 0; + background-color: #EBE7DC; + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; +} + +.display-1 { + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; + font-weight: 600; +} + +.nav-bar { + display: flex; + justify-content: space-between; + padding: 8px 24px 8px 24px; + background-color: #EBE7DC; + position: fixed; + width: 100%; + z-index:1; +} + +.nav-items { + display: flex; + justify-content: space-between; + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; +} + +ul { + text-align: right; + list-style-type: none; +} + +li a { + text-decoration: none; + padding: 16px; + color: black; + font-size: 24px; + font-weight: 600; +} + +a:hover { + color: #8a2be2; +} + +.intro-container { + background-color: #EBE7DC; + display: flex; +} + +.intro { + text-align: left; + /* use the following code line to centre align items -> 'margin: auto;'*/ + + padding: 220px 60px 240px 160px; +} + +.hero-image { +padding-top: 120px; +padding-right: 140px; +} + + + +/*.button{ + text-decoration: none; + color: #EBE7DC; + padding: 12px 24px; + border-radius: 28px; + background-color: black; + font-weight: 600; + font-size: 14px; +}*/ + + +.btn-primary { + border-radius: 28px; + padding: 12px 24px; + background-color: #8a2be2; + border-color: #8a2be2; +} + +.btn-primary:hover { + background-color: #4e0f88; + border-color: #4e0f88; +} + +.whytechheader { + padding: 0px 160px 40px 160px; + text-align: center; + color: #F0F0F0; +} + +.sub-heading { + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; + font-weight: 400; + font-size: 28px; +} + +h2 { + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; + font-weight: 600; + font-size: 40px; +} + +h3 { + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; + font-weight: 600; + font-size: 24px; +} + +h4 { + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; + font-weight: 600; + font-size: 20px; +} + +.whytech { + background-color: black; + text-align: center; + padding: 80px 60px; +} + + +h4 { + font-family: 'Wix Madefor Display', sans-serif; + font-family: 'Work Sans', sans-serif; + font-weight: 600; + font-size: 22px; +} + +.row { + text-align: center; + padding: 0px 40px 60px 40px; + +} + +.container { + width: 64%; + + +} + +.team { + text-align: center; + padding: 80px 60px; +} + +.teamheader { + padding: 0px 24px 40px 24px; + text-align: center; +} + +.card { + padding: 0px; + +} + +.mission-section { + display: flex; + padding: 60px 100px; + background-color:#4e0f88; + color: white; +} + +.mission { + padding: 100px 100px 100px 40px; +} + +.footer { + text-align: center; + background-color: #000000; + color: white; + padding: 30px; +} + +.footer-links { + display: flex; + color: white; + justify-content: center; +} + +.social-media { + margin: 20px; + display: flex; + justify-content: center; +} + +.Facebook { + padding: 12px +} + +.Instagram { + padding: 12px +} + +.Pinterest { + padding: 12px +} + +.Twitter { + padding: 12px +} + +#about-link { + color: white; +} + +#about-link:hover { + color: #8a2be2; +} + +#terms-link { + color: white; +} + +#terms-link:hover { + color: #8a2be2; +} + +#privacy-link { + color: white; +} + +#privacy-link:hover { + color: #8a2be2; +} + +#contact-link { + color: white; +} + +#contact-link:hover { + color: #8a2be2; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..f2a22bd --- /dev/null +++ b/index.html @@ -0,0 +1,231 @@ + + + + + + + + Women in Tech + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+
+

Empowering Women Through Tech

+ +

+

Our goal is to provide support to women in transitioning into a career in tech +

+

+ + +
+
+ +
+
+
+
+ +
+
+

WHY TECH?

+

+

+

Pursue a career in tech to unleash your potential, contribute to groundbreaking innovations, and + shape a more inclusive and equitable future

+
+ +
+ + +
+
+
+
+ Skills icon in black and white +
+

SKILLSET

+

Learn a wide range of skills from coding to design to help you + on your journey into the field of tech

+ +
+
+
+
+
+ Job search icon in black and white +
+

EMPLOYABILITY

+

Increase and widen your access to job opportunities through + improving your employability with new skills

+ + +
+
+
+ +
+
+ ... +
+

COMMUNITY

+

Find a community of link-minded women who share the same goals, + ambitions and interests

+ +
+
+
+
+ +
+ +
+
+ +
+ +
+

OUR MISSION

+

+

+

Our mission is to create an inclusive and supportive environment where women can thrive and excel in + the tech industry. We believe that diversity drives innovation, and we are committed to breaking + down barriers and challenging stereotypes to ensure equal opportunities for all. Through mentorship, + skill development, and networking initiatives, we aim to equip women with the tools and confidence + they need to succeed in this rapidly evolving field. Together, we can shape a future where women + play a pivotal role in shaping technology and making a lasting impact on society. +

+
+
+ +
+
+

WHO ARE WE?

+

+

+

Pursue a career in tech to unleash your potential, contribute to groundbreaking innovations, + and + shape a more inclusive and equitable future

+

+ +
+ + +
+
+
+
+ Skills icon in black and white +
+

IMOGEN CAMPBELL

+

UX Designer

+ +
+
+
+
+
+ Job search icon in black and white +
+

EL NAFAR

+

Graphic Designer

+ + +
+
+
+ +
+
+ ... +
+

JULIANNA ELDRIDGE

+

Analyst

+ +
+
+
+
+ +
+ +
+
+ + + + +
+ + \ No newline at end of file