diff --git a/package-lock.json b/package-lock.json index 3c2c4cc..c9ab3a1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -7974,9 +7974,9 @@ "dev": true }, "path-parse": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", - "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==", + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", "dev": true }, "path-to-regexp": { 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..802441b 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" @@ -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" @@ -5635,15 +5649,10 @@ path-key@^2.0.0, path-key@^2.0.1: resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40" integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A= -path-parse@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1" - integrity sha1-PBrfhx6pzWyUMbbqK9dKD/BVxME= - -path-parse@^1.0.6: - version "1.0.6" - resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c" - integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw== +path-parse@^1.0.5, path-parse@^1.0.6: + version "1.0.7" + resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735" + integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw== path-to-regexp@0.1.7: version "0.1.7"