diff --git a/We-Care-101-React/README.md b/We-Care-101-React/README.md new file mode 100644 index 00000000..64f9d039 --- /dev/null +++ b/We-Care-101-React/README.md @@ -0,0 +1 @@ +# We-Care-101-React \ No newline at end of file diff --git a/We-Care-101-React/craco.config.js b/We-Care-101-React/craco.config.js new file mode 100644 index 00000000..6868dddc --- /dev/null +++ b/We-Care-101-React/craco.config.js @@ -0,0 +1,12 @@ +module.exports = { + reactScriptsVersion: "react-scripts", + style: { + css: { + loaderOptions: () => { + return { + url: false, + }; + }, + }, + }, +}; \ No newline at end of file diff --git a/We-Care-101-React/package.json b/We-Care-101-React/package.json new file mode 100644 index 00000000..093eef04 --- /dev/null +++ b/We-Care-101-React/package.json @@ -0,0 +1,36 @@ +{ + "name": "we-care-101", + "version": "1.0.0", + "private": true, + "dependencies": { + "@craco/craco": "^7.0.0-alpha.0", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "react-router-dom": "^5.2.0", + "react-helmet": "^6.1.0" + }, + "scripts": { + "start": "craco start", + "build": "craco build", + "test": "craco test --env=jsdom", + "eject": "craco eject" + }, + "engines": { + "node": "18.x" + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] + }, + "devDependencies": { + "react-scripts": "^5.0.1" + } +} \ No newline at end of file diff --git a/We-Care-101-React/public/external/emojionemonotonewhitecircle6710-7uxk.svg b/We-Care-101-React/public/external/emojionemonotonewhitecircle6710-7uxk.svg new file mode 100644 index 00000000..86e21312 --- /dev/null +++ b/We-Care-101-React/public/external/emojionemonotonewhitecircle6710-7uxk.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/We-Care-101-React/public/external/emojionemonotonewhitecircle6710-9i58.svg b/We-Care-101-React/public/external/emojionemonotonewhitecircle6710-9i58.svg new file mode 100644 index 00000000..86e21312 --- /dev/null +++ b/We-Care-101-React/public/external/emojionemonotonewhitecircle6710-9i58.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/We-Care-101-React/public/external/icsharparrowbackios6710-gprhh.svg b/We-Care-101-React/public/external/icsharparrowbackios6710-gprhh.svg new file mode 100644 index 00000000..26193e6b --- /dev/null +++ b/We-Care-101-React/public/external/icsharparrowbackios6710-gprhh.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/icsharparrowbackios6710-kg8i.svg b/We-Care-101-React/public/external/icsharparrowbackios6710-kg8i.svg new file mode 100644 index 00000000..26193e6b --- /dev/null +++ b/We-Care-101-React/public/external/icsharparrowbackios6710-kg8i.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/icsharpphone6710-gm3s.svg b/We-Care-101-React/public/external/icsharpphone6710-gm3s.svg new file mode 100644 index 00000000..82940c3b --- /dev/null +++ b/We-Care-101-React/public/external/icsharpphone6710-gm3s.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/icsharpphone6710-n1i6.svg b/We-Care-101-React/public/external/icsharpphone6710-n1i6.svg new file mode 100644 index 00000000..82940c3b --- /dev/null +++ b/We-Care-101-React/public/external/icsharpphone6710-n1i6.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/image16711-iylh-200h.png b/We-Care-101-React/public/external/image16711-iylh-200h.png new file mode 100644 index 00000000..f6f3f098 Binary files /dev/null and b/We-Care-101-React/public/external/image16711-iylh-200h.png differ diff --git a/We-Care-101-React/public/external/image214748364821078416711-0jz-200h.png b/We-Care-101-React/public/external/image214748364821078416711-0jz-200h.png new file mode 100644 index 00000000..4796f7f8 Binary files /dev/null and b/We-Care-101-React/public/external/image214748364821078416711-0jz-200h.png differ diff --git a/We-Care-101-React/public/external/image26710-77d8-500w.png b/We-Care-101-React/public/external/image26710-77d8-500w.png new file mode 100644 index 00000000..acffbb90 Binary files /dev/null and b/We-Care-101-React/public/external/image26710-77d8-500w.png differ diff --git a/We-Care-101-React/public/external/image36711-21vn-200h.png b/We-Care-101-React/public/external/image36711-21vn-200h.png new file mode 100644 index 00000000..be15fb50 Binary files /dev/null and b/We-Care-101-React/public/external/image36711-21vn-200h.png differ diff --git a/We-Care-101-React/public/external/logosspotifyicon6710-4uh8.svg b/We-Care-101-React/public/external/logosspotifyicon6710-4uh8.svg new file mode 100644 index 00000000..e9372727 --- /dev/null +++ b/We-Care-101-React/public/external/logosspotifyicon6710-4uh8.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/We-Care-101-React/public/external/logosspotifyicon6710-pkm.svg b/We-Care-101-React/public/external/logosspotifyicon6710-pkm.svg new file mode 100644 index 00000000..e9372727 --- /dev/null +++ b/We-Care-101-React/public/external/logosspotifyicon6710-pkm.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/We-Care-101-React/public/external/logoswhatsappicon6710-tuw.svg b/We-Care-101-React/public/external/logoswhatsappicon6710-tuw.svg new file mode 100644 index 00000000..299f8b0f --- /dev/null +++ b/We-Care-101-React/public/external/logoswhatsappicon6710-tuw.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/We-Care-101-React/public/external/logoswhatsappicon6710-zri.svg b/We-Care-101-React/public/external/logoswhatsappicon6710-zri.svg new file mode 100644 index 00000000..299f8b0f --- /dev/null +++ b/We-Care-101-React/public/external/logoswhatsappicon6710-zri.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/We-Care-101-React/public/external/materialsymbolscircleoutline6710-b4lv.svg b/We-Care-101-React/public/external/materialsymbolscircleoutline6710-b4lv.svg new file mode 100644 index 00000000..3cf92344 --- /dev/null +++ b/We-Care-101-React/public/external/materialsymbolscircleoutline6710-b4lv.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/materialsymbolscircleoutline6710-it37.svg b/We-Care-101-React/public/external/materialsymbolscircleoutline6710-it37.svg new file mode 100644 index 00000000..3cf92344 --- /dev/null +++ b/We-Care-101-React/public/external/materialsymbolscircleoutline6710-it37.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/rectangle406710-9p5-200h.png b/We-Care-101-React/public/external/rectangle406710-9p5-200h.png new file mode 100644 index 00000000..26be001e Binary files /dev/null and b/We-Care-101-React/public/external/rectangle406710-9p5-200h.png differ diff --git a/We-Care-101-React/public/external/streamlineinterfacesettingmenu1buttonparallelhoriz6710-dop9.svg b/We-Care-101-React/public/external/streamlineinterfacesettingmenu1buttonparallelhoriz6710-dop9.svg new file mode 100644 index 00000000..82a8e7a9 --- /dev/null +++ b/We-Care-101-React/public/external/streamlineinterfacesettingmenu1buttonparallelhoriz6710-dop9.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/streamlineinterfacesettingmenu1buttonparallelhoriz6710-sac.svg b/We-Care-101-React/public/external/streamlineinterfacesettingmenu1buttonparallelhoriz6710-sac.svg new file mode 100644 index 00000000..82a8e7a9 --- /dev/null +++ b/We-Care-101-React/public/external/streamlineinterfacesettingmenu1buttonparallelhoriz6710-sac.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector16710-767.svg b/We-Care-101-React/public/external/vector16710-767.svg new file mode 100644 index 00000000..748c6189 --- /dev/null +++ b/We-Care-101-React/public/external/vector16710-767.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector16710-uthi.svg b/We-Care-101-React/public/external/vector16710-uthi.svg new file mode 100644 index 00000000..748c6189 --- /dev/null +++ b/We-Care-101-React/public/external/vector16710-uthi.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-4fnl.svg b/We-Care-101-React/public/external/vector6710-4fnl.svg new file mode 100644 index 00000000..cf12128e --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-4fnl.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-5f78.svg b/We-Care-101-React/public/external/vector6710-5f78.svg new file mode 100644 index 00000000..85249aa2 --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-5f78.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-f53.svg b/We-Care-101-React/public/external/vector6710-f53.svg new file mode 100644 index 00000000..98d85625 --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-f53.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-im2m.svg b/We-Care-101-React/public/external/vector6710-im2m.svg new file mode 100644 index 00000000..927d5a09 --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-im2m.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-j9ysd.svg b/We-Care-101-React/public/external/vector6710-j9ysd.svg new file mode 100644 index 00000000..cf12128e --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-j9ysd.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-lris.svg b/We-Care-101-React/public/external/vector6710-lris.svg new file mode 100644 index 00000000..98d85625 --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-lris.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-mlgl.svg b/We-Care-101-React/public/external/vector6710-mlgl.svg new file mode 100644 index 00000000..85249aa2 --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-mlgl.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/external/vector6710-tv4m.svg b/We-Care-101-React/public/external/vector6710-tv4m.svg new file mode 100644 index 00000000..927d5a09 --- /dev/null +++ b/We-Care-101-React/public/external/vector6710-tv4m.svg @@ -0,0 +1,3 @@ + + + diff --git a/We-Care-101-React/public/index.html b/We-Care-101-React/public/index.html new file mode 100644 index 00000000..3d5823a5 --- /dev/null +++ b/We-Care-101-React/public/index.html @@ -0,0 +1,79 @@ + + + + + exported project + + + + + + + + + + + + + + + + +
+ + diff --git a/We-Care-101-React/src/index.js b/We-Care-101-React/src/index.js new file mode 100644 index 00000000..8caf47e0 --- /dev/null +++ b/We-Care-101-React/src/index.js @@ -0,0 +1,44 @@ +import React from 'react' +import ReactDOM from 'react-dom' +import { + BrowserRouter as Router, + Route, + Switch, + Redirect, +} from 'react-router-dom' + +import './style.css' +import Page1 from './views/page1' +import IPhone1415ProMax1 from './views/i-phone1415-pro-max1' +import IPhone1415ProMax11 from './views/i-phone1415-pro-max11' +import IPhone1415ProMax22 from './views/i-phone1415-pro-max22' +import NotFound from './views/not-found' + +const App = () => { + return ( + + + + + + + + + + + ) +} + +ReactDOM.render(, document.getElementById('app')) diff --git a/We-Care-101-React/src/style.css b/We-Care-101-React/src/style.css new file mode 100644 index 00000000..545bb4b5 --- /dev/null +++ b/We-Care-101-React/src/style.css @@ -0,0 +1,94 @@ +:root { + --dl-color-gray-500: #595959; + --dl-color-gray-700: #999999; + --dl-color-gray-900: #D9D9D9; + --dl-size-size-large: 144px; + --dl-size-size-small: 48px; + --dl-color-danger-300: #A22020; + --dl-color-danger-500: #BF2626; + --dl-color-danger-700: #E14747; + --dl-color-gray-black: #000000; + --dl-color-gray-white: #FFFFFF; + --dl-size-size-medium: 96px; + --dl-size-size-xlarge: 192px; + --dl-size-size-xsmall: 16px; + --dl-space-space-unit: 16px; + --dl-color-primary-100: #003EB3; + --dl-color-primary-300: #0074F0; + --dl-color-primary-500: #14A9FF; + --dl-color-primary-700: #85DCFF; + --dl-color-success-300: #199033; + --dl-color-success-500: #32A94C; + --dl-color-success-700: #4CC366; + --dl-size-size-xxlarge: 288px; + --dl-size-size-maxwidth: 1400px; + --dl-radius-radius-round: 50%; + --dl-space-space-halfunit: 8px; + --dl-space-space-sixunits: 96px; + --dl-space-space-twounits: 32px; + --dl-radius-radius-radius2: 2px; + --dl-radius-radius-radius4: 4px; + --dl-radius-radius-radius8: 8px; + --dl-space-space-fiveunits: 80px; + --dl-space-space-fourunits: 64px; + --dl-space-space-threeunits: 48px; + --dl-space-space-oneandhalfunits: 24px; +} +.button { + color: var(--dl-color-gray-black); + display: inline-block; + padding: 0.5rem 1rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.input { + color: var(--dl-color-gray-black); + cursor: auto; + padding: 0.5rem 1rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.textarea { + color: var(--dl-color-gray-black); + cursor: auto; + padding: 0.5rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.list { + width: 100%; + margin: 1em 0px 1em 0px; + display: block; + padding: 0px 0px 0px 1.5rem; + list-style-type: none; + list-style-position: outside; +} +.list-item { + display: list-item; +} +.teleport-show { + display: flex !important; + transform: none !important; +} +.Content { + font-size: 16px; + font-family: Inter; + font-weight: 400; + line-height: 1.15; + text-transform: none; + text-decoration: none; +} +.Heading { + font-size: 32px; + font-family: Inter; + font-weight: 700; + line-height: 1.15; + text-transform: none; + text-decoration: none; +} diff --git a/We-Care-101-React/src/views/i-phone1415-pro-max1.css b/We-Care-101-React/src/views/i-phone1415-pro-max1.css new file mode 100644 index 00000000..71f6f7c7 --- /dev/null +++ b/We-Care-101-React/src/views/i-phone1415-pro-max1.css @@ -0,0 +1,134 @@ +.i-phone1415-pro-max1-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; +} +.i-phone1415-pro-max1-i-phone1415-pro-max1 { + width: 100%; + height: 932px; + display: flex; + overflow: hidden; + position: relative; + align-items: flex-start; + flex-shrink: 0; + background-color: rgba(255, 255, 255, 1); +} +.i-phone1415-pro-max1-text { + top: 222px; + left: 23px; + color: rgba(0, 0, 0, 1); + height: auto; + position: absolute; + font-size: 40px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: 108.39999914169312%; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max1-text05 { + top: 327px; + left: 23px; + color: rgba(124, 124, 124, 1); + height: auto; + position: absolute; + font-size: 14px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: normal; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max1-rectangle1 { + top: 774px; + left: 30px; + width: 369px; + height: 68px; + position: absolute; + border-radius: 34px; +} +.i-phone1415-pro-max1-text07 { + top: 783px; + left: 139px; + color: rgba(255, 255, 255, 1); + height: auto; + position: absolute; + font-size: 32px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: normal; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max1-group19 { + top: 399px; + left: 13px; + width: 404px; + height: 80px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max1-rectangle38 { + top: 0px; + left: 0px; + width: 92px; + height: 80px; + position: absolute; + border-radius: 26px; +} +.i-phone1415-pro-max1-rectangle39 { + top: 0px; + left: 98px; + width: 306px; + height: 80px; + position: absolute; + border-radius: 26px; +} +.i-phone1415-pro-max1-text09 { + top: 29px; + left: 117px; + color: rgba(124, 124, 124, 1); + height: auto; + position: absolute; + font-size: 20px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: 108.39999914169312%; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max1-text11 { + top: 29px; + left: 21px; + color: rgba(124, 124, 124, 1); + height: auto; + position: absolute; + font-size: 20px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: 108.39999914169312%; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max1-vector1 { + top: 35px; + left: 63px; + width: 10px; + height: 7px; + position: absolute; +} diff --git a/We-Care-101-React/src/views/i-phone1415-pro-max1.js b/We-Care-101-React/src/views/i-phone1415-pro-max1.js new file mode 100644 index 00000000..b8213560 --- /dev/null +++ b/We-Care-101-React/src/views/i-phone1415-pro-max1.js @@ -0,0 +1,67 @@ +import React from 'react' + +import { Helmet } from 'react-helmet' + +import './i-phone1415-pro-max1.css' + +const IPhone1415ProMax1 = (props) => { + return ( +
+ + exported project + +
+ + + + Enter your + + +

+ Phone Number + + + + Tap Continue to receive OTP via SMS to Login + + Rectangle1129 + + CONTINUE + +
+ Rectangle386710 + Rectangle396710 + + Phone Number + + + +91 + + Vector16710 +
+
+
+ ) +} + +export default IPhone1415ProMax1 diff --git a/We-Care-101-React/src/views/i-phone1415-pro-max11.css b/We-Care-101-React/src/views/i-phone1415-pro-max11.css new file mode 100644 index 00000000..ebdbd300 --- /dev/null +++ b/We-Care-101-React/src/views/i-phone1415-pro-max11.css @@ -0,0 +1,134 @@ +.i-phone1415-pro-max11-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; +} +.i-phone1415-pro-max11-i-phone1415-pro-max1 { + width: 100%; + height: 932px; + display: flex; + overflow: hidden; + position: relative; + align-items: flex-start; + flex-shrink: 0; + background-color: rgba(255, 255, 255, 1); +} +.i-phone1415-pro-max11-text { + top: 222px; + left: 23px; + color: rgba(0, 0, 0, 1); + height: auto; + position: absolute; + font-size: 40px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: 108.39999914169312%; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max11-text05 { + top: 327px; + left: 23px; + color: rgba(124, 124, 124, 1); + height: auto; + position: absolute; + font-size: 14px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: normal; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max11-rectangle1 { + top: 774px; + left: 30px; + width: 369px; + height: 68px; + position: absolute; + border-radius: 34px; +} +.i-phone1415-pro-max11-text07 { + top: 783px; + left: 139px; + color: rgba(255, 255, 255, 1); + height: auto; + position: absolute; + font-size: 32px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: normal; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max11-group19 { + top: 399px; + left: 13px; + width: 404px; + height: 80px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max11-rectangle38 { + top: 0px; + left: 0px; + width: 92px; + height: 80px; + position: absolute; + border-radius: 26px; +} +.i-phone1415-pro-max11-rectangle39 { + top: 0px; + left: 98px; + width: 306px; + height: 80px; + position: absolute; + border-radius: 26px; +} +.i-phone1415-pro-max11-text09 { + top: 29px; + left: 117px; + color: rgba(124, 124, 124, 1); + height: auto; + position: absolute; + font-size: 20px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: 108.39999914169312%; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max11-text11 { + top: 29px; + left: 21px; + color: rgba(124, 124, 124, 1); + height: auto; + position: absolute; + font-size: 20px; + font-style: Regular; + text-align: left; + font-family: Baloo; + font-weight: 400; + line-height: 108.39999914169312%; + font-stretch: normal; + text-decoration: none; +} +.i-phone1415-pro-max11-vector1 { + top: 35px; + left: 63px; + width: 10px; + height: 7px; + position: absolute; +} diff --git a/We-Care-101-React/src/views/i-phone1415-pro-max11.js b/We-Care-101-React/src/views/i-phone1415-pro-max11.js new file mode 100644 index 00000000..cac7225a --- /dev/null +++ b/We-Care-101-React/src/views/i-phone1415-pro-max11.js @@ -0,0 +1,67 @@ +import React from 'react' + +import { Helmet } from 'react-helmet' + +import './i-phone1415-pro-max11.css' + +const IPhone1415ProMax11 = (props) => { + return ( +
+ + exported project + +
+ + + + Enter your + + +

+ Phone Number + + + + Tap Continue to receive OTP via SMS to Login + + Rectangle1129 + + CONTINUE + +
+ Rectangle386710 + Rectangle396710 + + Phone Number + + + +91 + + Vector16710 +
+
+
+ ) +} + +export default IPhone1415ProMax11 diff --git a/We-Care-101-React/src/views/i-phone1415-pro-max22.css b/We-Care-101-React/src/views/i-phone1415-pro-max22.css new file mode 100644 index 00000000..a79d19ee --- /dev/null +++ b/We-Care-101-React/src/views/i-phone1415-pro-max22.css @@ -0,0 +1,199 @@ +.i-phone1415-pro-max22-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; +} +.i-phone1415-pro-max22-i-phone1415-pro-max22 { + width: 100%; + height: 932px; + display: flex; + overflow: hidden; + position: relative; + align-items: flex-start; + flex-shrink: 0; + background-color: rgba(255, 255, 255, 1); +} +.i-phone1415-pro-max22-emojionemonotonewhitecircle { + top: 461px; + left: 210px; + width: 10px; + height: 10px; + position: absolute; +} +.i-phone1415-pro-max22-image2 { + top: 0px; + left: 0px; + width: 430px; + height: 932px; + position: absolute; +} +.i-phone1415-pro-max22-logoswhatsappicon { + top: 755px; + left: 43px; + width: 60px; + height: 61px; + position: absolute; +} +.i-phone1415-pro-max22-rectangle40 { + top: 864px; + left: 0px; + width: 430px; + height: 68px; + position: absolute; +} +.i-phone1415-pro-max22-icsharparrowbackios { + top: 877px; + left: 72px; + width: 42px; + height: 42px; + position: absolute; +} +.i-phone1415-pro-max22-materialsymbolscircleoutline { + top: 880px; + left: 195px; + width: 39px; + height: 39px; + position: absolute; +} +.i-phone1415-pro-max22-streamlineinterfacesettingmenu1buttonparallelhoriz { + top: 883px; + left: 315px; + width: 36px; + height: 38px; + position: absolute; +} +.i-phone1415-pro-max22-healthiconsphonenegative { + top: 756px; + left: 135px; + width: 60px; + height: 60px; + display: flex; + overflow: hidden; + position: absolute; + align-items: flex-start; + flex-shrink: 0; + border-color: rgba(255, 255, 255, 1); + border-style: solid; + border-width: 3px; + border-radius: 25px; +} +.i-phone1415-pro-max22-group { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max22-clippathgroup { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max22-healthicons-phone-negative0 { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max22-vector { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + position: absolute; +} +.i-phone1415-pro-max22-group1 { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max22-vector1 { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + position: absolute; +} +.i-phone1415-pro-max22-icsharpphone { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + position: absolute; +} +.i-phone1415-pro-max22-logosspotifyicon { + top: 759px; + left: 237px; + width: 54px; + height: 54px; + position: absolute; +} +.i-phone1415-pro-max22-group2 { + top: 756px; + left: 234px; + width: 59px; + height: 59px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.i-phone1415-pro-max22-vector2 { + top: 19.53489875793457px; + left: 11.800372123718262px; + width: 38px; + height: 22px; + position: absolute; +} +.i-phone1415-pro-max22-vector3 { + top: 0px; + left: 0px; + width: 59px; + height: 59px; + position: absolute; +} +.i-phone1415-pro-max22-image3 { + top: 93px; + left: 0px; + width: 430px; + height: 144px; + position: absolute; +} +.i-phone1415-pro-max22-image21474836482107841 { + top: 0px; + left: 0px; + width: 430px; + height: 38px; + position: absolute; +} +.i-phone1415-pro-max22-image1 { + top: 756px; + left: 332px; + width: 74px; + height: 62px; + position: absolute; + border-color: rgba(0, 0, 0, 1); + border-style: solid; + border-width: 2px; + border-radius: 13px; +} diff --git a/We-Care-101-React/src/views/i-phone1415-pro-max22.js b/We-Care-101-React/src/views/i-phone1415-pro-max22.js new file mode 100644 index 00000000..ec223ee9 --- /dev/null +++ b/We-Care-101-React/src/views/i-phone1415-pro-max22.js @@ -0,0 +1,111 @@ +import React from 'react' + +import { Helmet } from 'react-helmet' + +import './i-phone1415-pro-max22.css' + +const IPhone1415ProMax22 = (props) => { + return ( +
+ + exported project + +
+ emojionemonotonewhitecircle6710 + image26710 + logoswhatsappicon6710 + Rectangle406710 + icsharparrowbackios6710 + materialsymbolscircleoutline6710 + streamlineinterfacesettingmenu1buttonparallelhoriz6710 +
+
+
+
+ Vector6710 +
+
+ Vector6710 +
+
+
+ icsharpphone6710 +
+ logosspotifyicon6710 +
+ Vector6710 + Vector6710 +
+ image36711 + IMAGE214748364821078416711 + image16711 +
+
+ ) +} + +export default IPhone1415ProMax22 diff --git a/We-Care-101-React/src/views/not-found.css b/We-Care-101-React/src/views/not-found.css new file mode 100644 index 00000000..441bc15b --- /dev/null +++ b/We-Care-101-React/src/views/not-found.css @@ -0,0 +1,35 @@ +.not-found-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; + justify-content: center; +} +.not-found-container1 { + display: flex; + position: relative; + align-items: center; + flex-direction: column; + justify-content: center; +} +.not-found-text1 { + color: rgb(38, 38, 38); + font-size: 252px; + margin-top: -20px; + font-weight: 900; + margin-bottom: -20px; + letter-spacing: -20px; +} +.not-found-container2 { + width: 421px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.not-found-text2 { + text-align: center; + font-weight: 400; +} diff --git a/We-Care-101-React/src/views/not-found.js b/We-Care-101-React/src/views/not-found.js new file mode 100644 index 00000000..327a6871 --- /dev/null +++ b/We-Care-101-React/src/views/not-found.js @@ -0,0 +1,26 @@ +import React from 'react' + +import { Helmet } from 'react-helmet' + +import './not-found.css' + +const NotFound = (props) => { + return ( +
+ + 404 - Not Found + +

OOPS! PAGE NOT FOUND

+
+

404

+
+
+

+ WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND +

+
+
+ ) +} + +export default NotFound diff --git a/We-Care-101-React/src/views/page1.css b/We-Care-101-React/src/views/page1.css new file mode 100644 index 00000000..d7602190 --- /dev/null +++ b/We-Care-101-React/src/views/page1.css @@ -0,0 +1,226 @@ +.page1-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; + justify-content: center; +} +.page1-i-phone1415-pro-max22 { + width: 100%; + height: 1128px; + display: flex; + overflow: hidden; + position: relative; + align-items: flex-start; + flex-shrink: 0; + background-color: rgba(255, 255, 255, 1); +} +.page1-emojionemonotonewhitecircle { + top: 461px; + left: 210px; + width: 10px; + height: 10px; + position: absolute; +} +.page1-image2 { + top: 0px; + left: 0px; + width: 430px; + height: 932px; + position: absolute; +} +.page1-logoswhatsappicon { + top: 755px; + left: 43px; + width: 60px; + height: 61px; + position: absolute; +} +.page1-rectangle40 { + top: 864px; + left: 0px; + width: 430px; + height: 68px; + position: absolute; +} +.page1-icsharparrowbackios { + top: 877px; + left: 72px; + width: 42px; + height: 42px; + position: absolute; +} +.page1-materialsymbolscircleoutline { + top: 880px; + left: 195px; + width: 39px; + height: 39px; + position: absolute; +} +.page1-streamlineinterfacesettingmenu1buttonparallelhoriz { + top: 883px; + left: 315px; + width: 36px; + height: 38px; + position: absolute; +} +.page1-healthiconsphonenegative { + top: 756px; + left: 135px; + width: 60px; + height: 60px; + display: flex; + overflow: hidden; + position: absolute; + align-items: flex-start; + flex-shrink: 0; + border-color: rgba(255, 255, 255, 1); + border-style: solid; + border-width: 3px; + border-radius: 25px; +} +.page1-group { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.page1-clippathgroup { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.page1-healthicons-phone-negative0 { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.page1-vector { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + position: absolute; +} +.page1-group1 { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.page1-vector1 { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + position: absolute; +} +.page1-icsharpphone { + top: 0px; + left: 0px; + width: 60px; + height: 60px; + position: absolute; +} +.page1-logosspotifyicon { + top: 759px; + left: 237px; + width: 54px; + height: 54px; + position: absolute; +} +.page1-group2 { + top: 756px; + left: 234px; + width: 59px; + height: 59px; + display: flex; + position: absolute; + align-items: flex-start; + flex-shrink: 1; +} +.page1-vector2 { + top: 19.53489875793457px; + left: 11.800372123718262px; + width: 38px; + height: 22px; + position: absolute; +} +.page1-vector3 { + top: 0px; + left: 0px; + width: 59px; + height: 59px; + position: absolute; +} +.page1-image3 { + top: 93px; + left: 0px; + width: 430px; + height: 144px; + position: absolute; +} +.page1-image21474836482107841 { + top: 0px; + left: 0px; + width: 430px; + height: 38px; + position: absolute; +} +.page1-image1 { + top: 756px; + left: 332px; + width: 74px; + height: 62px; + position: absolute; + border-color: rgba(0, 0, 0, 1); + border-style: solid; + border-width: 2px; + border-radius: 13px; +} +@media(max-width: 991px) { + .page1-i-phone1415-pro-max22 { + height: 938px; + } +} +@media(max-width: 767px) { + .page1-i-phone1415-pro-max22 { + width: 430px; + height: 938px; + } +} +@media(max-width: 479px) { + .page1-i-phone1415-pro-max22 { + height: 994px; + } + .page1-image2 { + top: -4px; + left: 2px; + right: -2px; + bottom: -150px; + } + .page1-image21474836482107841 { + top: -201px; + right: -1129px; + } +} diff --git a/We-Care-101-React/src/views/page1.js b/We-Care-101-React/src/views/page1.js new file mode 100644 index 00000000..5370960b --- /dev/null +++ b/We-Care-101-React/src/views/page1.js @@ -0,0 +1,111 @@ +import React from 'react' + +import { Helmet } from 'react-helmet' + +import './page1.css' + +const Page1 = (props) => { + return ( +
+ + exported project + +
+ emojionemonotonewhitecircle6710 + image26710 + logoswhatsappicon6710 + Rectangle406710 + icsharparrowbackios6710 + materialsymbolscircleoutline6710 + streamlineinterfacesettingmenu1buttonparallelhoriz6710 +
+
+
+
+ Vector6710 +
+
+ Vector6710 +
+
+
+ icsharpphone6710 +
+ logosspotifyicon6710 +
+ Vector6710 + Vector6710 +
+ image36711 + IMAGE214748364821078416711 + image16711 +
+
+ ) +} + +export default Page1