home page final finished
This commit is contained in:
parent
2477c433dc
commit
3c91f6138e
4 changed files with 128 additions and 105 deletions
|
|
@ -1,16 +1,18 @@
|
|||
const Accomplishments = () => {
|
||||
const cardClass = "m-3";
|
||||
const cardClass =
|
||||
" overflow-hidden border-style-double border-primary-500 border-2 bg-primary-100 rounded-md drop-shadow-sm flex items-center bg-opacity-75 ";
|
||||
return (
|
||||
<section className="text-primary-500 overflow-hidden" id="accomplishments">
|
||||
<div className="min-h-screen w-full bg-primary-300 flex items-center">
|
||||
<div className="min-h-screen w-full bg-primary-300 flex items-center relative z-[-2]">
|
||||
<div className="w-11/12 lg:w-5/6 mx-auto flex flex-col">
|
||||
<h2 className="font-cormorant text-5xl mb-8 mt-16 md:mt-20 text-left">
|
||||
<h2 className="font-cormorant text-5xl my-16 md:mt-32 text-left">
|
||||
Not only a caring physician...
|
||||
</h2>
|
||||
<div className="flex flex-col md:flex-row items-center justify-between">
|
||||
<div className="basis-6/12">
|
||||
<div className={cardClass}>
|
||||
<div className="p-3">
|
||||
<div className="grid md:grid-rows-2 md:grid-cols-6 md:gap-8 gap-y-3 gap-x-1 w-full">
|
||||
<div className={cardClass + "col-span-3"}>
|
||||
<div className="relative">
|
||||
<div className="before:absolute before:-left-64 before:-top-64 before:z-[-1] before:content-textAccent2">
|
||||
<div className="p-6">
|
||||
<h3 className="font-bold">Professional Experience</h3>
|
||||
<ul className="list-[square] ml-8">
|
||||
<li>
|
||||
|
|
@ -19,23 +21,29 @@ const Accomplishments = () => {
|
|||
</li>
|
||||
<li>
|
||||
<i>President </i>of{" "}
|
||||
<a href="https://www.ommtests.com" className="underline">
|
||||
<a
|
||||
href="https://www.ommtests.com"
|
||||
className="underline"
|
||||
>
|
||||
OMMtests.com
|
||||
</a>{" "}
|
||||
and{" "}
|
||||
<a href="https://www.tcmtests.com" className="underline">
|
||||
<a
|
||||
href="https://www.tcmtests.com"
|
||||
className="underline"
|
||||
>
|
||||
TCMtests.com
|
||||
</a>
|
||||
, test-prep sites for osteopathic doctors and
|
||||
accupuncturists, respectively.
|
||||
</li>
|
||||
<li>
|
||||
<i>Registered Investment Adviser</i> at Womack Investment
|
||||
Advisers.
|
||||
<i>Registered Investment Adviser</i> at Womack
|
||||
Investment Advisers.
|
||||
</li>
|
||||
<li>
|
||||
<i>National Director of Quality Management</i> at American
|
||||
WholeHealth.
|
||||
<i>National Director of Quality Management</i> at
|
||||
American WholeHealth.
|
||||
</li>
|
||||
<li>
|
||||
<i>President</i> of Rhema Medical Associates.
|
||||
|
|
@ -43,14 +51,19 @@ const Accomplishments = () => {
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className={cardClass}>
|
||||
<div className="p-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={cardClass + "col-span-3"}>
|
||||
<div className="relative">
|
||||
<div className="before:absolute before:-right-64 before:-top-64 before:z-[-1] before:content-textAccent2">
|
||||
<div className="p-6">
|
||||
<h3 className="font-bold ">Board Certifications</h3>
|
||||
<ul className="list-[square] ml-8">
|
||||
<li>American Board of Medical Acupuncture.</li>
|
||||
<li>
|
||||
American Board of Quality Assurance and Utilization Review
|
||||
Physicians.
|
||||
American Board of Quality Assurance and Utilization
|
||||
Review Physicians.
|
||||
</li>
|
||||
<li>
|
||||
American Osteopathic Board of Special Proficiency in
|
||||
|
|
@ -61,15 +74,18 @@ const Accomplishments = () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="basis-6/12">
|
||||
<div className={cardClass}>
|
||||
<div className="p-3">
|
||||
</div>
|
||||
|
||||
<div className={cardClass + "col-span-3"}>
|
||||
<div className="relative">
|
||||
<div className="before:absolute before:-left-64 before:-bottom-64 before:z-[-1] before:content-textAccent2">
|
||||
<div className="p-6">
|
||||
<h3 className="font-bold">Academic Appointments</h3>
|
||||
<ul className="list-[square] ml-8">
|
||||
<li>
|
||||
<i>
|
||||
Clinical Associate Professor of Osteopathic Manipulative
|
||||
Medicine.
|
||||
Clinical Associate Professor of Osteopathic
|
||||
Manipulative Medicine.
|
||||
</i>{" "}
|
||||
at Chicago College of Osteopathic Medicine/Midwestern
|
||||
University Medicine.
|
||||
|
|
@ -85,39 +101,45 @@ const Accomplishments = () => {
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className={cardClass}>
|
||||
<div className="p-3">
|
||||
<h3 className="font-bold">Publications & Lectures</h3>
|
||||
<ul className="list-[square] ml-8">
|
||||
<li>
|
||||
3 books written:
|
||||
<ul className="list-[square] ml-8">
|
||||
<li>
|
||||
<i>
|
||||
Yamamoto New Scalp Acupuncture (YNSA): Principles
|
||||
and Practice
|
||||
</i>
|
||||
, 1st ed. and 2nd ed.
|
||||
</li>
|
||||
<li>
|
||||
<i>Clinical Cranial Osteopathy: Selected Readings</i>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>4 articles in prestigious medical journals.</li>
|
||||
<li>Nearly 80 lectures given.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={cardClass + "h-48 justify-center"}>
|
||||
<div className="flex flex-col items-center p-6">
|
||||
<div className="text-2xl font-bold">3</div>
|
||||
<div className="text-center">books written</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={cardClass + "h-48 justify-center"}>
|
||||
<div className="flex flex-col items-center p-6">
|
||||
<div className="text-2xl font-bold">9</div>
|
||||
<div className="text-center">articles & abstracts</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className={cardClass + "h-48 justify-center"}>
|
||||
<div className="relative">
|
||||
<div className="before:absolute before:-right-128 before:-bottom-64 before:z-[-1] before:content-textAccent2">
|
||||
<div className="flex flex-col items-center p-6 ">
|
||||
<div className="text-2xl font-bold">76</div>
|
||||
<div className="text-center">lectures given</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2 className="font-cormorant text-5xl my-8 text-right">
|
||||
</div>
|
||||
<div className="relative">
|
||||
<div className="before:absolute lg:before:content-textAccent4 before:z-[-1] before:-right-12 before:top-8 ">
|
||||
<h2 className="font-cormorant text-5xl my-16 text-right">
|
||||
...an{" "}
|
||||
<span className="text-primary-100">accomplished professional.</span>
|
||||
<span className="text-primary-100">
|
||||
accomplished professional.
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-primary-100items-center m-3 flex justify-between flex-wrap">
|
||||
</div>
|
||||
</div>
|
||||
<div className="bg-primary-100 items-center my-3 mx-8 flex justify-center md:justify-between flex-wrap">
|
||||
<img
|
||||
src="/feelycenter.png"
|
||||
alt="Feely Center Logo"
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
const Footer = () => {
|
||||
return (
|
||||
<footer className="w-full bg-neutral-800 text-neutral-300">
|
||||
<div className="px-6 py-12">
|
||||
<div className="flex justify-evenly gap-10 flex-col ml-8 md:m-0 md:flex-row">
|
||||
<div className="w-11/12 lg:w-5/6 mx-auto py-12">
|
||||
<div className="grid md:grid-cols-5 gap-12 ml-8 md:m-0 md:flex-row">
|
||||
<div className="">
|
||||
<h3 className="text-xl font-bold">Home</h3>
|
||||
<ul className="text-sm">
|
||||
|
|
|
|||
BIN
public/text_accent_4.png
Normal file
BIN
public/text_accent_4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 609 B |
|
|
@ -56,6 +56,7 @@ module.exports = {
|
|||
textAccent2: "url('/text_accent_2.png')",
|
||||
quote: "url('/quote.png')",
|
||||
textAccent3: "url('/text_accent_3.png')",
|
||||
textAccent4: "url('/text_accent_4.png')",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue