diff --git a/package-lock.json b/package-lock.json index 3c2c4cc..62364ca 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6033,9 +6033,9 @@ "dev": true }, "json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "dev": true, "requires": { "minimist": "^1.2.0" diff --git a/src/app/app.component.css b/src/app/app.component.css index 9a1a574..10355b1 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -1,87 +1,73 @@ .header { - display: flex; - align-items: center; - min-height: 50px; - padding: 0.5rem 1rem; - background-image: linear-gradient(to right, #c3002f, #dd0031); - color: #fff; - margin-bottom: 1rem; + display: flex; + align-items: center; + min-height: 50px; + padding: 0.5rem 1rem; + background-image: linear-gradient(to right, #c3002f, #dd0031); + color: #fff; + margin-bottom: 1rem; } .header a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .header-title { - font-size: 1.2rem; - font-weight: normal; + font-size: 1.2rem; + font-weight: normal; } .header-title::after { - content: ' ▸ '; - padding: 0 0.5rem; + content: ' ▸ '; + padding: 0 0.5rem; } .header-subtitle { - font-size: 1.2rem; + font-size: 1.2rem; } .container { - max-width: 1200px; - margin: 0 auto; - padding: 1rem; + max-width: 1200px; + margin: 0 auto; + padding: 1rem; } .search-panel { - display: flex; + display: flex; } .search-panel__filters { - flex: 1; + flex: 1; } .search-panel__results { - flex: 3; + flex: 3; } .searchbox { - margin-bottom: 2rem; + margin-bottom: 2rem; } .pagination { - margin: 2rem auto; - text-align: center; -} - -.hit-description { - font-size: 12px; - line-height: 24px; - color: #878f96; - text-transform: uppercase; + margin: 2rem auto; + text-align: center; } .doctor_pic { - width: 80px; - height: 80px; - border-radius: 40px; + width: 80px !important; + height: 80px !important; + border-radius: 40px; } -.top-head { +.hit-bookmark{ font-size: 12px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - padding: 8px 30px; - background-color: #143f52; - color: #fff; -} - -.section-padding { - padding: 30px 25px; -} - -.owl-item { - border-bottom-right-radius: 5px; - background-color: #fafafa; + color: #d39f93; } +.hit-features{ + color: #878f96; + font-size: 13px; + line-height: 22px; + margin-top: 10px; +} \ No newline at end of file diff --git a/src/app/app.component.html b/src/app/app.component.html index e5fedbe..28761cf 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,73 +1,53 @@
-
- -
-
- - - + + + + - - - -
- - - - -
- HSS, Sports Medicine 541 E 71st St -
-
-
-
- {{hit.name}} -
-
-
- {{hit.name}} -
-
- -
-
-
-
- - - - -
- - -
-
-
- - -
-
- -
+ + + + +
+ + + + +
+ HSS, Sports Medicine 541 E 71st St +
+
+
+
+ {{hit.name}} +
+
+

+ {{hit.name}} +

+
+ + {{specialty}}, + + +
+
Save
+
+
"Very professional. Dr Kelly & his staff are very responsive and in tune with their patient's recoveries."
+
+ + Book Appointment + +
+
+ + + +
+ + + + +
\ No newline at end of file diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 948acd6..cbbe9e0 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -17,12 +17,10 @@ const searchClient = algoliasearch( export class AppComponent { customOptions: OwlOptions = { loop: true, - mouseDrag: false, - touchDrag: false, - pullDrag: false, dots: false, + center: true, navSpeed: 700, - navText: ['', ''], + navText: ['<', '>'], responsive: { 0: { items: 1 @@ -34,7 +32,7 @@ export class AppComponent { items: 3 }, 940: { - items: 4 + items: 3 } }, nav: true diff --git a/src/styles.css b/src/styles.css index 183960a..a44a969 100644 --- a/src/styles.css +++ b/src/styles.css @@ -23,4 +23,49 @@ body { max-width: 1560px; overflow: hidden; margin: 0 auto -} \ No newline at end of file +} + +.owl-item { + opacity: 0.5; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + background-color: #fafafa !important; +} + +.owl-item.center { + opacity: 1 !important; + border-radius: 5px; + box-shadow: 0 0 25px rgba(0, 0, 0, 0.15); +} + +.owl-item .top-head { + font-size: 12px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + padding: 8px 30px; + background-color: #143f52; + color: #fff; +} + +.owl-item .section-padding { + padding: 30px 25px; +} + +.owl-item .hit-name { + font-size: 18px; +} + +.owl-item .hit-description { + font-size: 12px; + line-height: 18px; + color: #878f96; + text-transform: uppercase; +} + +.owl-theme .owl-nav [class*=owl-] { + background: #143f52 !important; +} + +.sebm-google-map-container{ + height: 300px !important; +} \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 50e5a31..dcecd75 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,6 +2,13 @@ # yarn lockfile v1 +"@agm/core@^1.0.0-beta.7": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@agm/core/-/core-1.1.0.tgz#6f8dcbac068f681fe4fa9b0a0cbf660588025911" + integrity sha512-cMvmm3+3/uuVFurLv1FKhE0/6ssIlDvYBjQFCi8ELg7h0OY2MkIU1MXWr7z+f/xZ08E936I4eeddni6k4yUTIA== + dependencies: + tslib "^1.9.0" + "@angular-devkit/architect@0.13.8": version "0.13.8" resolved "https://registry.yarnpkg.com/@angular-devkit/architect/-/architect-0.13.8.tgz#c3b7469e15e2710d48b6fe4e54efea26b557bf14" @@ -1819,7 +1826,7 @@ compressible@~2.0.13: compression@^1.5.2: version "1.7.2" - resolved "http://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69" + resolved "https://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69" integrity sha1-qv+81qr4VLROuygDU9WtFlH1mmk= dependencies: accepts "~1.3.4" @@ -4216,9 +4223,9 @@ json5@^0.5.0: integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE= json5@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe" - integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow== + version "1.0.2" + resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593" + integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA== dependencies: minimist "^1.2.0" @@ -4812,9 +4819,9 @@ minimist@0.0.8: integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0= minimist@^1.1.3, minimist@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284" - integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ= + version "1.2.7" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18" + integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g== minimist@~0.0.1: version "0.0.10" @@ -4993,6 +5000,13 @@ neo-async@^2.5.0: resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.5.1.tgz#acb909e327b1e87ec9ef15f41b8a269512ad41ee" integrity sha512-3KL3fvuRkZ7s4IFOMfztb7zJp3QaVWnBeGoJlgB38XnCRPj/0tLzzLG5IB8NYOHbJ8g8UGrgZv44GLDk6CxTxA== +ngx-owl-carousel-o@^2.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/ngx-owl-carousel-o/-/ngx-owl-carousel-o-2.1.1.tgz#49df7f90797d4679ed0f7deec8cc027d739b0fa6" + integrity sha512-1HRJdrOFvaol0yeVRpLC31fQhizb4eQHeKtLoWMj7VjlKh5WhZbrI7C3yIY0iTz8ZxCHZywspXFZH9dej7RjRQ== + dependencies: + tslib "^1.9.0" + nice-try@^1.0.4: version "1.0.5" resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"