-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (107 loc) · 6.04 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>RSE Delivered</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/9260d741cf.js" crossorigin="anonymous"></script>
</head>
<body>
<section class="first">
<!--NavBar-->
<ul class="nav justify-content-center" id="navmenu">
<li class="nav-item">
<a class="nav-link" href="#contact-me">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#servicesweachieve">OUR SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#howtocontact">CONTACT US</a>
</li>
<li class="nav-item">
<img class="smol" src="./images/smol.png" >
</li>
</ul>
<!--RSE Delivered Section-->
<section class="rsemain">
<div class="rse">
<h1 class="header">rse, delivered</h1>
<p class="text"> we're passionate and inclusive educators trying to help empower young people to make informed decisions in regards to their health and wellbeing</p>
<img src="images/barney-yau-TsNfxN-mUbo-unsplash.jpg" class= "birth-control" alt="birth control pill pack" >
</div>
</section>
</section>
<!--Second section in black-->
<section class="second" id="contact-me">
<div class="whole"><img class="smolblack" src="./images/smolblack.png" > </div>
<p class="text1">Why we started &</p>
<div class="textonly">
<h2> What we aim to achieve</h2>
<p>Unfortunately, insufficient relationships and sex education has a direct negative impact on young people's wellbeing, with it resulting in higher rates of teenage pregnancy, an inability to set and maintain personal boundaries and proliferation of prejudices and disrespectful behaviour.</p>
<p>Our goal is to help create a world where young people have access to a comprehensive relationships and sex education.</p>
<p>We want to equip young people with the knowledge and self-esteem they require in order to make healthy decisions in their platonic, romantic and sexual relationships and empower them with knowledge of their own health and wellbeing. </p>
<p>We do this by providing an experienced service that delivers evidence and empathy based content into your classrooms.</p>
</div>
<img src="./images/s2 (1).webp" class= "woods" alt="image of people laying on grass">
</section>
<!--Third section-->
<section class="third" id="servicesweachieve">
<div class="smolicon"><img class="smolthree" src="./images/smol.png" ></div>
<h3 class="heading3">Teaching Information</h3>
<div class="card core">
<div class="card-body ">
<h4>CORE TOPICS</h4>
<p>We deliver a wide range of lessons suitable for Key Stages 3, 4 and 5.</p>
<p>Our core, fundamental topics include: puberty; self-esteem and emotional wellbeing; healthy relationships and abuse; contraception and STIs; LGBTQIA+ identity; and sex, consent and boundaries.</p>
</div>
</div>
<div class="card lessons">
<div class="card-body ">
<h4>BESPOKE LESSONS</h4>
<p>Our full range of content expands further than our core topics and we also work on bespoke lesson plans with schools based on their specific needs.</p>
<p>Examples of other lessons include: grooming, e-safety and media literacy. </p>
</div>
</div>
</div>
<div class="card other">
<div class="card-body ">
<h4>OTHER AREAS</h4>
<p>We are available for other services such as teacher support, curriculum guidance and other bespoke engagements.</p>
<p>Reach out to us at [email protected] to have a conversation regarding how we can best support your school.</p>
</div>
</div>
<div class ="hello"> <a href="mailto:[email protected]" class="btn btn-primary" id="contact-us">Contact Us</a> </div>
</section>
<!--Fouth section-->
<section class="howtocontact" id="howtocontact">
<div class="whole"><img class="smolblack" src="./images/smolblack.png" > </div>
<div class="card" id="card2">
<div class="card-body" id="blackback">
<h2 class="card-title3">How to Contact Us</h2>
<p class="card-text3">Get in touch with us at [email protected] to bring your school one step closer to meeting your students health and wellbeing needs.</p>
<p class="card-text4">Our prices are varied depending on the service you require, the financial level of your institution and whether we have any grants from the local council in your area to help subsidise costs. Here is <a class =linktoprice href="/prices.html">our general price guide.</a> </p>
</div>
</div>
<div class = "contactBtn2"> <a href="mailto:[email protected]" class="btn btn-primary" id="smallbutton">Contact Us</a></div>
</section>
<!--Final section-->
<section class="logosection">
<div id="logo">
<img id="biglogo" src="./images/Untitled design.png">
<div class="socials">
<p class="rsed">@rsedelivered</p>
<div class="socialicons">
<a href="https://www.instagram.com/rsedelivered/" class="linky"> <i class="fa-brands fa-instagram"></i></a>
<i class="fa-brands fa-facebook-f"></i>
<a href="https://twitter.com/rsedelivered" class="linky"><i class="fa-brands fa-twitter"></i></a>
<i class="fa-brands fa-linkedin"></i>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>