-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
105 lines (82 loc) · 5.21 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
<style> .home {color: #fbe22e;} </style>
<title>Introduction</title>
</head>
<body>
<header>
<div id="header-bg"></div>
<div class="container">
<nav class="navbar fixed-top navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<span class="title">Dental Cost Information</span>
<!-- one or the other depending on screen size -->
<div class="sub-title d-none d-md-block">San Diego, California vs Tijuana, Mexico</div>
<div class="sub-title d-xs-block d-md-none">San Diego vs Tijuana</div>
</a>
<button class="navbar-toggler custom-toggler" type="button" data-toggle="collapse"
data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--TODO toggler not opening/closing drop-down-->
<div class="collapse navbar-collapse" id="navbarToggler">
<!-- INFO this needs to be here in order to have the buttons right justified - there has to be a better way -->
<ul class="navbar-nav mr-auto mt-2 mt-md-0"></ul>
<ul class="nav navbar-nav text-right">
<li class="nav-item">
<a class="nav-link" href="index.html"><span class="home"><span
class="nav-text">Home</span></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="top-ten-affordable.html"><span class="top-ten"><span class="nav-text">Top 10 Affordable</span></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="cost-comparisons.html"><span class="comparisons"><span
class="nav-text">Cost Comparisons</span></span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="maps.html"><span class="maps"><span
class="nav-text">Location Maps</span></span></a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<section>
<div class="container">
<h3>Introduction</h3>
<article>
<p><span><i class="fas fa-tooth fa-4x"></i></span> While eating lunch one day at a favorite Mexican restaurant, my
friend mentioned her husband needed to have some expensive dental work done but was unable to afford the prices
he was being quoted. Since we live in San Diego, our conversation drifted to dentists across the border in Mexico.
We wondered how much difference is there? This website is the beginning of an answer.</p>
<p>I used Yelp to find their Top 10 Best Affordable Dentists in San Diego. I then ran a similar search for
Tijuana. You can find both lists on the <a href="top-ten-affordable.html">Top 10 Affordable</a> page. Since a
number of the dentists on the Tijuana list were actually in San Diego, I skipped them and only took Tijuana
area dental practices.</p>
<p>The most important part of the site is the <a href="cost-comparisons.html">Cost Comparisons</a> page.
There is quite a difference between the two cities as far as pricing goes. Additionally, Tijuana dentists
are much more open with their pricing. I leave it up to you to draw your own conclusions.</p>
<p>In the future, we hope to add a broader variety of dentists along with tips for crossing the border.</p>
</article>
</div>
</section>
<footer>
<hr class="footer-hr">
<p class="footer-text">Map data is ©2019 by Google — Top 10 lists are ©2019 Yelp Inc.</p>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>