Skip to content

Commit

Permalink
skip login in poc
Browse files Browse the repository at this point in the history
  • Loading branch information
JHogenboom committed Aug 2, 2024
1 parent efb7029 commit 62b5fe4
Show file tree
Hide file tree
Showing 2 changed files with 79 additions and 79 deletions.
79 changes: 48 additions & 31 deletions web/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
<meta name="viewport" content="initial-scale=1, width=device-width"/>

<link rel="stylesheet" href="css/global.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/profiles.css"/>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400&display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Arial:wght@400&display=swap"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body>
<div class="landing">
<div class="profiles">
<div class="background-gradient"></div>
<div class="footer">
<!-- Logo -->
Expand Down Expand Up @@ -70,45 +70,63 @@
</div>

</div>
<div class="body">
<div class="grahpics">
<div class="pie-chart">
<img class="pie-chart-sector-icon" alt="" src="images/pie-chartsector.svg"/>
</div>
<div class="line-chart">
<img class="line-chart-icon" alt="" src="images/line-chart.svg"/>
</div>
</div>
<div class="body2">
<div class="context">
<div class="context-title">Access suitable for you</div>
<div class="context-title">What suits you best?</div>
<img class="bullet-triangle-icon" alt="" src="images/polygon-1.svg"/>
<i class="context-content">
Our user accounts and login screens make it easy to determine your
needs, based on your access level and partner type, ensuring a
personalised experience every time.
You can pick a profile, and it will highlight specific info that
you can check out.
You can always go back and pick another profile.
</i>
</div>
<div class="login-div">
<div class="access-insights">Access insights</div>
<div class="profile-beyond-tile">
<div class="default-btn">
<img class="path-1-icon2" alt="" src="images/path-1.svg"/>
<i class="set-as-default">Set as default</i>
</div>

<input class="username-input" placeholder="Username" type="text"/>
<input class="password-input" placeholder="Password" type="password"/>
<div class="before-treatment">Before treatment</div>
<img class="path-2-icon" alt="" src="images/path-2.svg"/>

<button class="password-btn">
<div class="retrieve-pass">Retrieve a lost password</div>
</button>
<img class="firefly-abstract-icoon-van-tie" alt=""
src="images/firefly-abstract-icoon-van-tiener-patient-en-arts-die-elkaar-groeten-72470@2x.png"/>

<img class="hr-icon" alt="" src="images/path-2.svg"/>
<a class="explore-btn" href="modules.html">
<img class="path-1-icon2" alt="" src="images/path-11.svg"/>
<b class="explore-btn-text">Explore</b>
</a>

<a class="login-btn" href="profiles.html">
<img class="path-1-icon" alt="" src="images/path-11.svg"/>
<b class="login">Login</b>
<div class="information-that-can-help-you-wrapper">
<div class="information-that-can">
Information that can help you at the time that you are diagnosed.
</div>
</div>

</div>
<div class="profile-before-tile">
<div class="default-btn">
<img class="path-1-icon2" alt="" src="images/path-1.svg"/>
<i class="set-as-default">Set as default</i>
</div>

<div class="beyond-treatment">Beyond treatment</div>
<img class="path-2-icon" alt="" src="images/path-2.svg"/>

<a class="explore-btn" href="modules.html">
<img class="path-1-icon2" alt="" src="images/path-11.svg"/>
<b class="explore-btn-text">Explore</b>
</a>

<button class="request-btn">
<div class="request-btn-child"></div>
<div class="request-access">Request access</div>
</button>
<div class="firefly-abstract-icoon-van-tie-parent">
<img class="firefly-abstract-icoon-van-tie1" alt=""
src="images/firefly-abstract-icoon-van-tiener-met-telefoon-in-hand-92866@2x.png"/>

<div class="information-that-can1">
Information that can help you after you have been treated.
</div>

</div>
</div>
</div>
<div class="header">
Expand Down Expand Up @@ -161,6 +179,5 @@
</div>
</div>
</div>

</body>
</html>
79 changes: 31 additions & 48 deletions web/profiles.html → web/login.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@
<meta name="viewport" content="initial-scale=1, width=device-width"/>

<link rel="stylesheet" href="css/global.css"/>
<link rel="stylesheet" href="css/profiles.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400&display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Arial:wght@400&display=swap"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body>
<div class="profiles">
<div class="landing">
<div class="background-gradient"></div>
<div class="footer">
<!-- Logo -->
Expand Down Expand Up @@ -70,63 +70,45 @@
</div>

</div>
<div class="body2">
<div class="body">
<div class="grahpics">
<div class="pie-chart">
<img class="pie-chart-sector-icon" alt="" src="images/pie-chartsector.svg"/>
</div>
<div class="line-chart">
<img class="line-chart-icon" alt="" src="images/line-chart.svg"/>
</div>
</div>
<div class="context">
<div class="context-title">What suits you best?</div>
<div class="context-title">Access suitable for you</div>
<img class="bullet-triangle-icon" alt="" src="images/polygon-1.svg"/>
<i class="context-content">
You can pick a profile, and it will highlight specific info that
you can check out.
You can always go back and pick another profile.
Our user accounts and login screens make it easy to determine your
needs, based on your access level and partner type, ensuring a
personalised experience every time.
</i>
</div>
<div class="profile-beyond-tile">
<div class="default-btn">
<img class="path-1-icon2" alt="" src="images/path-1.svg"/>
<i class="set-as-default">Set as default</i>
</div>
<div class="login-div">
<div class="access-insights">Access insights</div>

<div class="before-treatment">Before treatment</div>
<img class="path-2-icon" alt="" src="images/path-2.svg"/>
<input class="username-input" placeholder="Username" type="text"/>
<input class="password-input" placeholder="Password" type="password"/>

<img class="firefly-abstract-icoon-van-tie" alt=""
src="images/firefly-abstract-icoon-van-tiener-patient-en-arts-die-elkaar-groeten-72470@2x.png"/>
<button class="password-btn">
<div class="retrieve-pass">Retrieve a lost password</div>
</button>

<a class="explore-btn" href="modules.html">
<img class="path-1-icon2" alt="" src="images/path-11.svg"/>
<b class="explore-btn-text">Explore</b>
</a>
<img class="hr-icon" alt="" src="images/path-2.svg"/>

<div class="information-that-can-help-you-wrapper">
<div class="information-that-can">
Information that can help you at the time that you are diagnosed.
</div>
</div>

</div>
<div class="profile-before-tile">
<div class="default-btn">
<img class="path-1-icon2" alt="" src="images/path-1.svg"/>
<i class="set-as-default">Set as default</i>
</div>

<div class="beyond-treatment">Beyond treatment</div>
<img class="path-2-icon" alt="" src="images/path-2.svg"/>

<a class="explore-btn" href="modules.html">
<img class="path-1-icon2" alt="" src="images/path-11.svg"/>
<b class="explore-btn-text">Explore</b>
<a class="login-btn" href="profiles.html">
<img class="path-1-icon" alt="" src="images/path-11.svg"/>
<b class="login">Login</b>
</a>

<div class="firefly-abstract-icoon-van-tie-parent">
<img class="firefly-abstract-icoon-van-tie1" alt=""
src="images/firefly-abstract-icoon-van-tiener-met-telefoon-in-hand-92866@2x.png"/>

<div class="information-that-can1">
Information that can help you after you have been treated.
</div>

</div>
<button class="request-btn">
<div class="request-btn-child"></div>
<div class="request-access">Request access</div>
</button>
</div>
</div>
<div class="header">
Expand Down Expand Up @@ -179,5 +161,6 @@
</div>
</div>
</div>

</body>
</html>

0 comments on commit 62b5fe4

Please sign in to comment.