-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (146 loc) · 7.29 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
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Straffon Orthodontics</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body>
<nav class="navbar fixed-top navbar-toggleable-md navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">STRAFFON ORTHODONTICS</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav navbar-nav mr-auto"><!--empty to bump content to right--></ul>
<ul class="nav navbar-nav">
<!--<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>-->
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<!--parallax 1 -->
<section class="bg-1 d-flex justify-content-center">
<article class="d-flex flex-column align-self-center align-items-center transparent-backing">
<h1 class="">WELCOME TO STRAFFON ORTHODONTICS</h1>
<p class="lead">IN DENVER</p>
<p class="lead">Your Custom, Signature Smile Starts Here</p>
<i class="material-icons"></i>
</article>
</section>
<!--/parallax 1-->
<div class="divider" id="about"></div>
<div class="container">
<h4>Every Patient Deserves a Custom, Signature Smile</h4>
<hr class="">
<div class="row align-items-center">
<article id="intro-text" class="col-md-6">
<p>
<strong>At Straffon Orthodontics</strong>, each individual’s treatment plan is as unique as
their fingerprint; each smile, a personal signature. From invisible
options, to customized virtual treatment plans that eliminate the need for
impressions with 3D scanning technology, Straffon Orthodontics is Denver’s
Top Choice.
</p>
<p>
We offer options to fit all different age groups, lifestyles, and treatment
needs. Dr. Straffon is actively involved with designing and implementing
new advancements in orthodontic technology, so his patients always receive
the most streamlined and efficient treatment possible.
</p>
<p>
Not only do we have an amazing staff that goes above and beyond to make
your experience effortless, Dr. Straffon takes a more personal approach and
values your input. You will find that he works closely with you throughout
the course of treatment to ensure you receive the signature smile you have
always dreamed of.
</p>
</article>
<div class="col-md-6">
<img id="intro-img" src="./assets/Straffon424.jpg"/>
</div>
</div>
<!--/row-->
<hr class="">
</div>
<!--/container-->
<div class="divider"></div>
<section class="bg-2 d-flex justify-content-center">
</section>
<div class="divider"></div>
<div class="container">
<h4 class="">DENVER’S LEADING EXPERT IN THE USE OF CUSTOM ORTHODONTICS</h4>
<hr>
<h5>Meet Dr. Straffon</h5>
<div class="row">
<article class="col-md-6">
<p>
Dr. Straffon is Denver’s leading expert in the use of custom orthodontics,
but what really sets us apart is the way that Dr. Straffon approaches every
person as an individual – taking the time to really get to know his
patients and treating them as individually as he treats each of their
smiles.
</p>
<p>
It is this personalized approach and incredible results that have
consistently ranked him as Top Orthodontist by the readers of 5280 Magazine
as well as a Top Doctor among USA Dentists.
</p>
</article>
<div class="col-md-6">
<img src="./assets/DrStraffon.jpg"/>
</div>
</div>
<article>
<p>
Dr. Derek Straffon attended Indiana University, and then went on to receive
his Doctor of Dental Surgery and Master of Science in Orthodontics from the
nationally ranked University of Michigan. He is a recipient of the
prestigious Thomas A. Graber Award for Research in Orthodontics, Top
Orthodontist by 5280 Magazine, and was named Top Doctor among USA Top
Dentists. In his free time, you will find him enjoying the outdoors of
Colorado running triathlons, mountain biking, skiing, and spending time
with his family.
</p>
<p>
Straffon Orthodontics is known for designing Signature Smiles that will
light up a room and last a lifetime. A Straffon Signature Smile is
personalized to fit each individual, crafted by an amazing, caring team,
tailored for kids and adults alike, comfortable, fast, and aesthetic.
</p>
<p>
As a top orthodontist in Denver, Dr. Straffon is leading the way with a
completely customized approach to orthodontic treatment.
</p>
</article>
</div>
<!--/container-->
<div class="divider" id="contact"></div>
<!--parallax 2 -->
<section class="bg-3 d-flex justify-content-center">
<article class="d-flex flex-column align-self-center align-items-center transparent-backing">
<p class="lead">Give us a call at (XXX) - XXX - XXXX</p>
<p>or</p>
<p class="lead">Reach us by email at: [email protected]</p>
</article>
</section>
<!--/parallax 2-->
<div id="footer" class="">
<div class="container">
<p class="text-muted">Built by ajtoo<a href="" class=""></a>
</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="app.js"/>
</body>
</html>