Skip to content

Commit 05acfe3

Browse files
Completed building the site
1 parent d65f7f9 commit 05acfe3

File tree

10 files changed

+308
-245
lines changed

10 files changed

+308
-245
lines changed

_includes/about.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,14 @@ <h2>About Dino Tutors</h2>
88
</div>
99
</div>
1010
<div class="row">
11-
<div class="col-lg-4 col-lg-offset-2">
12-
<p>Dino Tutors is an example of a tutoring agency or centre, providing tuition to their clients. If this sounds like you, why don't you
13-
get in touch to learn about TutorCruncher, the industry leading business management system built for the tutoring industry.
11+
<div class="col-lg-8 col-lg-offset-2">
12+
<p>Dino Tutors is a fake tutoring agency founded in 2017 by some highly intelligent individuals working at
13+
<a class="tc-link" href="https://tutorcruncher.com">TutorCruncher</a>.</p>
14+
<p>
15+
It has been created as an example of a tutoring agency or centre providing tuition to their clients. If this sounds like you, why don't you
16+
get in touch to learn about TutorCruncher, the industry leading business management system built for the tutoring industry.
1417
</p>
1518
</div>
16-
<div class="col-lg-4">
17-
<p>TutorCruncher automatically populates the tutors from </p>
18-
</div>
1919
<div class="col-lg-8 col-lg-offset-2 text-center">
2020
<a href="https://tutorcruncher.com" class="btn btn-lg btn-outline">
2121
<i class="fa fa-arrow-right"></i> Find out more

_includes/contact.html

Lines changed: 58 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,60 @@
1-
<!-- Contact Section -->
2-
<section id="contact">
3-
<div class="container">
4-
<div class="row">
5-
<div class="col-lg-12 text-center">
6-
<h2 class="text-primary">Contact Me</h2>
7-
<hr class="star-primary">
8-
</div>
1+
<!-- Contact Section -->
2+
<section id="contact">
3+
<div class="container primary-light">
4+
<div class="row">
5+
<div class="col-lg-8 col-lg-push-2 text-center">
6+
<h2>Contact Us</h2>
7+
<hr class="star">
8+
<p class="tc-desc">
9+
Below is an example of a contact form that, when submitted, would send all relevant admins within TutorCruncher an email with the client's details as well
10+
as creating them as a Prospect Client.
11+
</p>
12+
</div>
13+
</div>
14+
<div class="row">
15+
<div class="col-lg-8 col-lg-offset-2">
16+
<form name="sentMessage" id="contactForm" novalidate>
17+
<div class="row control-group">
18+
<div class="form-group col-xs-12 floating-label-form-group controls">
19+
<label>Name</label>
20+
<input type="text" class="form-control" placeholder="Name" id="name" required
21+
data-validation-required-message="Please enter your name.">
22+
<p class="help-block text-danger"></p>
923
</div>
10-
<div class="row">
11-
<div class="col-lg-8 col-lg-offset-2">
12-
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
13-
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
14-
<form name="sentMessage" id="contactForm" novalidate>
15-
<div class="row control-group">
16-
<div class="form-group col-xs-12 floating-label-form-group controls">
17-
<label>Name</label>
18-
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
19-
<p class="help-block text-danger"></p>
20-
</div>
21-
</div>
22-
<div class="row control-group">
23-
<div class="form-group col-xs-12 floating-label-form-group controls">
24-
<label>Email Address</label>
25-
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
26-
<p class="help-block text-danger"></p>
27-
</div>
28-
</div>
29-
<div class="row control-group">
30-
<div class="form-group col-xs-12 floating-label-form-group controls">
31-
<label>Phone Number</label>
32-
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
33-
<p class="help-block text-danger"></p>
34-
</div>
35-
</div>
36-
<div class="row control-group">
37-
<div class="form-group col-xs-12 floating-label-form-group controls">
38-
<label>Message</label>
39-
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
40-
<p class="help-block text-danger"></p>
41-
</div>
42-
</div>
43-
<br>
44-
<div id="success"></div>
45-
<div class="row">
46-
<div class="form-group col-xs-12">
47-
<button type="submit" class="btn btn-success btn-lg">Send</button>
48-
</div>
49-
</div>
50-
</form>
51-
</div>
24+
</div>
25+
<div class="row control-group">
26+
<div class="form-group col-xs-12 floating-label-form-group controls">
27+
<label>Email Address</label>
28+
<input type="email" class="form-control" placeholder="Email Address" id="email" required
29+
data-validation-required-message="Please enter your email address.">
30+
<p class="help-block text-danger"></p>
5231
</div>
53-
</div>
54-
</section>
32+
</div>
33+
<div class="row control-group">
34+
<div class="form-group col-xs-12 floating-label-form-group controls">
35+
<label>Phone Number</label>
36+
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required
37+
data-validation-required-message="Please enter your phone number.">
38+
<p class="help-block text-danger"></p>
39+
</div>
40+
</div>
41+
<div class="row control-group">
42+
<div class="form-group col-xs-12 floating-label-form-group controls">
43+
<label>What subjects do you require tutoring in?</label>
44+
<textarea rows="5" class="form-control" placeholder="Message" id="message" required
45+
data-validation-required-message="Please enter a message."></textarea>
46+
<p class="help-block text-danger"></p>
47+
</div>
48+
</div>
49+
<br>
50+
<div id="success"></div>
51+
<div class="row">
52+
<div class="form-group col-xs-12">
53+
<button type="submit" class="btn btn-success btn-lg">Send</button>
54+
</div>
55+
</div>
56+
</form>
57+
</div>
58+
</div>
59+
</div>
60+
</section>

_includes/head.html

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,5 @@
77
{% if site.meta_author %}<meta name="author" content="{{ site.meta_author }}">{% endif %}
88
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
99
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
10-
11-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
12-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
13-
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
14-
<link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
1510
<link rel="stylesheet" href="/static/css/style.css">
1611
</head>

_includes/nav.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,10 @@
2727
<li class="page-scroll">
2828
<a href="#contact">Contact</a>
2929
</li>
30+
<li class="page-scroll">
31+
<a href="https://dinotutors.tutorcruncher.com">Sign in</a>
32+
</li>
3033
</ul>
3134
</div>
3235
</div>
33-
</nav>
36+
</nav>

_includes/our-tutors.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,16 @@ <h2>Our Tutors</h2>
77
<p>
88
At Dino Tutors, we are committed to excellence. We source only the best tutors from around London.
99
Each and every one goes through an extensive interview process to make sure they are the right pick for your family.
10+
11+
Click on a tutor to view their profile and request their services.
1012
</p>
1113
<p class="tc-desc">
1214
TutorCruncher Socket lists your approved tutors from within the system, including subjects they teach and at what level they teach them and
13-
any customisable fields you wish to include.
15+
any customisable fields you wish to include.</p>
16+
<p class="tc-desc">
17+
A client can click on a tutor's profile to view their profiles and request them. If this happens, all
18+
relevant admins within TutorCruncher would receive and email with the client's details as well as creating them as a Prospect Client.
19+
Optionally, a new job would be created in the system with the tutor as an applicant for it.
1420
</p>
1521
</div>
1622
<div class="socket-container">

_site/about/index.html

Lines changed: 75 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,6 @@
99
<meta name="author" content="Tom Hamilton Stubber">
1010
<link rel="canonical" href="http://localhost:4000/about/">
1111
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
12-
13-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
14-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
15-
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
16-
<link href="//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
1712
<link rel="stylesheet" href="/static/css/style.css">
1813
</head>
1914

@@ -47,10 +42,14 @@
4742
<li class="page-scroll">
4843
<a href="#contact">Contact</a>
4944
</li>
45+
<li class="page-scroll">
46+
<a href="https://dinotutors.tutorcruncher.com">Sign in</a>
47+
</li>
5048
</ul>
5149
</div>
5250
</div>
5351
</nav>
52+
5453
<!-- Header -->
5554
<header>
5655
<div class="container primary-dark">
@@ -75,10 +74,16 @@ <h2>Our Tutors</h2>
7574
<p>
7675
At Dino Tutors, we are committed to excellence. We source only the best tutors from around London.
7776
Each and every one goes through an extensive interview process to make sure they are the right pick for your family.
77+
78+
Click on a tutor to view their profile and request their services.
7879
</p>
7980
<p class="tc-desc">
8081
TutorCruncher Socket lists your approved tutors from within the system, including subjects they teach and at what level they teach them and
81-
any customisable fields you wish to include.
82+
any customisable fields you wish to include.</p>
83+
<p class="tc-desc">
84+
A client can click on a tutor's profile to view their profiles and request them. If this happens, all
85+
relevant admins within TutorCruncher would receive and email with the client's details as well as creating them as a Prospect Client.
86+
Optionally, a new job would be created in the system with the tutor as an applicant for it.
8287
</p>
8388
</div>
8489
<div class="socket-container">
@@ -120,14 +125,14 @@ <h2>About Dino Tutors</h2>
120125
</div>
121126
</div>
122127
<div class="row">
123-
<div class="col-lg-4 col-lg-offset-2">
124-
<p>Dino Tutors is an example of a tutoring agency or centre, providing tuition to their clients. If this sounds like you, why don't you
125-
get in touch to learn about TutorCruncher, the industry leading business management system built for the tutoring industry.
128+
<div class="col-lg-8 col-lg-offset-2">
129+
<p>Dino Tutors is a fake tutoring agency founded in 2017 by some highly intelligent individuals working at
130+
<a class="tc-link" href="https://tutorcruncher.com">TutorCruncher</a>.</p>
131+
<p>
132+
It has been created as an example of a tutoring agency or centre providing tuition to their clients. If this sounds like you, why don't you
133+
get in touch to learn about TutorCruncher, the industry leading business management system built for the tutoring industry.
126134
</p>
127135
</div>
128-
<div class="col-lg-4">
129-
<p>TutorCruncher automatically populates the tutors from </p>
130-
</div>
131136
<div class="col-lg-8 col-lg-offset-2 text-center">
132137
<a href="https://tutorcruncher.com" class="btn btn-lg btn-outline">
133138
<i class="fa fa-arrow-right"></i> Find out more
@@ -136,60 +141,66 @@ <h2>About Dino Tutors</h2>
136141
</div>
137142
</div>
138143
</section>
139-
<!-- Contact Section -->
140-
<section id="contact">
141-
<div class="container">
142-
<div class="row">
143-
<div class="col-lg-12 text-center">
144-
<h2 class="text-primary">Contact Me</h2>
145-
<hr class="star-primary">
146-
</div>
144+
<!-- Contact Section -->
145+
<section id="contact">
146+
<div class="container primary-light">
147+
<div class="row">
148+
<div class="col-lg-8 col-lg-push-2 text-center">
149+
<h2>Contact Us</h2>
150+
<hr class="star">
151+
<p class="tc-desc">
152+
Below is an example of a contact form that, when submitted, would send all relevant admins within TutorCruncher an email with the client's details as well
153+
as creating them as a Prospect Client.
154+
</p>
155+
</div>
156+
</div>
157+
<div class="row">
158+
<div class="col-lg-8 col-lg-offset-2">
159+
<form name="sentMessage" id="contactForm" novalidate>
160+
<div class="row control-group">
161+
<div class="form-group col-xs-12 floating-label-form-group controls">
162+
<label>Name</label>
163+
<input type="text" class="form-control" placeholder="Name" id="name" required
164+
data-validation-required-message="Please enter your name.">
165+
<p class="help-block text-danger"></p>
147166
</div>
148-
<div class="row">
149-
<div class="col-lg-8 col-lg-offset-2">
150-
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
151-
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
152-
<form name="sentMessage" id="contactForm" novalidate>
153-
<div class="row control-group">
154-
<div class="form-group col-xs-12 floating-label-form-group controls">
155-
<label>Name</label>
156-
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
157-
<p class="help-block text-danger"></p>
158-
</div>
159-
</div>
160-
<div class="row control-group">
161-
<div class="form-group col-xs-12 floating-label-form-group controls">
162-
<label>Email Address</label>
163-
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
164-
<p class="help-block text-danger"></p>
165-
</div>
166-
</div>
167-
<div class="row control-group">
168-
<div class="form-group col-xs-12 floating-label-form-group controls">
169-
<label>Phone Number</label>
170-
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
171-
<p class="help-block text-danger"></p>
172-
</div>
173-
</div>
174-
<div class="row control-group">
175-
<div class="form-group col-xs-12 floating-label-form-group controls">
176-
<label>Message</label>
177-
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
178-
<p class="help-block text-danger"></p>
179-
</div>
180-
</div>
181-
<br>
182-
<div id="success"></div>
183-
<div class="row">
184-
<div class="form-group col-xs-12">
185-
<button type="submit" class="btn btn-success btn-lg">Send</button>
186-
</div>
187-
</div>
188-
</form>
189-
</div>
167+
</div>
168+
<div class="row control-group">
169+
<div class="form-group col-xs-12 floating-label-form-group controls">
170+
<label>Email Address</label>
171+
<input type="email" class="form-control" placeholder="Email Address" id="email" required
172+
data-validation-required-message="Please enter your email address.">
173+
<p class="help-block text-danger"></p>
190174
</div>
191-
</div>
192-
</section>
175+
</div>
176+
<div class="row control-group">
177+
<div class="form-group col-xs-12 floating-label-form-group controls">
178+
<label>Phone Number</label>
179+
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required
180+
data-validation-required-message="Please enter your phone number.">
181+
<p class="help-block text-danger"></p>
182+
</div>
183+
</div>
184+
<div class="row control-group">
185+
<div class="form-group col-xs-12 floating-label-form-group controls">
186+
<label>What subjects do you require tutoring in?</label>
187+
<textarea rows="5" class="form-control" placeholder="Message" id="message" required
188+
data-validation-required-message="Please enter a message."></textarea>
189+
<p class="help-block text-danger"></p>
190+
</div>
191+
</div>
192+
<br>
193+
<div id="success"></div>
194+
<div class="row">
195+
<div class="form-group col-xs-12">
196+
<button type="submit" class="btn btn-success btn-lg">Send</button>
197+
</div>
198+
</div>
199+
</form>
200+
</div>
201+
</div>
202+
</div>
203+
</section>
193204
<!-- Footer -->
194205
<footer class="text-center">
195206
<div class="footer-above">

0 commit comments

Comments
 (0)