forked from 410-dev-archive/DeltaIX
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
88 additions
and
40 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,56 +1,104 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<title>Preview</title> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
<style> | ||
html, | ||
body { | ||
display: flex; | ||
flex-direction: column; | ||
flex: 1; | ||
width: 100%; | ||
height: 100%; | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="flex justify-between items-center w-[1435px] h-[83px] px-[25px] py-5 border-t-0 border-r-0 border-b-2 border-l-0 border-[#edeff2]"> | ||
<div class="flex justify-start items-center flex-grow-0 flex-shrink-0 w-[181px] relative gap-[52px]"> | ||
<div class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2.5 p-2.5 rounded-[100px] bg-white" style="box-shadow: 0px 2px 5px 0 rgba(38,51,77,0.03);"> | ||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" preserveAspectRatio="none"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 21.5H23C23.55 21.5 24 21.05 24 20.5C24 19.95 23.55 19.5 23 19.5H7C6.45 19.5 6 19.95 6 20.5C6 21.05 6.45 21.5 7 21.5ZM7 16.5H23C23.55 16.5 24 16.05 24 15.5C24 14.95 23.55 14.5 23 14.5H7C6.45 14.5 6 14.95 6 15.5C6 16.05 6.45 16.5 7 16.5ZM6 10.5C6 11.05 6.45 11.5 7 11.5H23C23.55 11.5 24 11.05 24 10.5C24 9.95 23.55 9.5 23 9.5H7C6.45 9.5 6 9.95 6 10.5Z" fill="#C3CAD9"></path> | ||
<div | ||
class="flex justify-between items-center w-[1435px] h-[83px] px-[25px] py-5 border-t-0 border-r-0 border-b-2 border-l-0 border-[#edeff2]" | ||
> | ||
<div | ||
class="flex justify-start items-center flex-grow-0 flex-shrink-0 w-[181px] relative gap-[52px]" | ||
> | ||
<div | ||
class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2.5 p-2.5 rounded-[100px] bg-white" | ||
style="box-shadow: 0px 2px 5px 0 rgba(38,51,77,0.03);" | ||
> | ||
<svg | ||
width="30" | ||
height="31" | ||
viewBox="0 0 30 31" | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" | ||
preserveAspectRatio="none" | ||
> | ||
<path | ||
fill-rule="evenodd" | ||
clip-rule="evenodd" | ||
d="M7 21.5H23C23.55 21.5 24 21.05 24 20.5C24 19.95 23.55 19.5 23 19.5H7C6.45 19.5 6 19.95 6 20.5C6 21.05 6.45 21.5 7 21.5ZM7 16.5H23C23.55 16.5 24 16.05 24 15.5C24 14.95 23.55 14.5 23 14.5H7C6.45 14.5 6 14.95 6 15.5C6 16.05 6.45 16.5 7 16.5ZM6 10.5C6 11.05 6.45 11.5 7 11.5H23C23.55 11.5 24 11.05 24 10.5C24 9.95 23.55 9.5 23 9.5H7C6.45 9.5 6 9.95 6 10.5Z" | ||
fill="#C3CAD9" | ||
></path> | ||
</svg> | ||
</div> | ||
<p class="flex-grow-0 flex-shrink-0 text-lg font-bold text-left text-[#4d5e80]"> Welcome ____ ! </p> | ||
<p class="flex-grow-0 flex-shrink-0 text-lg font-bold text-left text-[#4d5e80]"> | ||
</p> | ||
</div> | ||
<div class="flex justify-start items-center flex-grow-0 flex-shrink-0 gap-[30px]"> | ||
<div class="flex justify-start items-center flex-grow-0 flex-shrink-0 relative gap-[15px]"> | ||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" preserveAspectRatio="none"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.5C9.48 5.5 5 9.98 5 15.5C5 21.02 9.48 25.5 15 25.5C20.52 25.5 25 21.02 25 15.5C25 9.98 20.52 5.5 15 5.5ZM15 8.5C16.66 8.5 18 9.84 18 11.5C18 13.16 16.66 14.5 15 14.5C13.34 14.5 12 13.16 12 11.5C12 9.84 13.34 8.5 15 8.5ZM15 22.7C12.5 22.7 10.29 21.42 9 19.48C9.03 17.49 13 16.4 15 16.4C16.99 16.4 20.97 17.49 21 19.48C19.71 21.42 17.5 22.7 15 22.7Z" fill="#C3CAD9"></path> | ||
<svg | ||
width="30" | ||
height="31" | ||
viewBox="0 0 30 31" | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" | ||
preserveAspectRatio="none" | ||
> | ||
<path | ||
fill-rule="evenodd" | ||
clip-rule="evenodd" | ||
d="M15 5.5C9.48 5.5 5 9.98 5 15.5C5 21.02 9.48 25.5 15 25.5C20.52 25.5 25 21.02 25 15.5C25 9.98 20.52 5.5 15 5.5ZM15 8.5C16.66 8.5 18 9.84 18 11.5C18 13.16 16.66 14.5 15 14.5C13.34 14.5 12 13.16 12 11.5C12 9.84 13.34 8.5 15 8.5ZM15 22.7C12.5 22.7 10.29 21.42 9 19.48C9.03 17.49 13 16.4 15 16.4C16.99 16.4 20.97 17.49 21 19.48C19.71 21.42 17.5 22.7 15 22.7Z" | ||
fill="#C3CAD9" | ||
></path> | ||
</svg> | ||
<p class="flex-grow-0 flex-shrink-0 text-[13px] font-bold text-left text-[#6b7a99]"> John Doe </p> | ||
<p class="flex-grow-0 flex-shrink-0 text-[13px] font-bold text-left text-[#6b7a99]"> | ||
<%=request.getParameter("name")%> | ||
</p> | ||
</div> | ||
<div class="flex justify-start items-start flex-grow-0 flex-shrink-0 gap-2.5"> | ||
<div class="flex justify-start items-start flex-grow-0 flex-shrink-0 relative"> | ||
<div class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2.5 p-2.5 rounded-[100px] bg-white" style="box-shadow: 0px 2px 5px 0 rgba(38,51,77,0.03);"> | ||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" preserveAspectRatio="none"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5865 25C15.6865 25 16.5865 24.1 16.5865 23H12.5865C12.5865 24.1 13.4765 25 14.5865 25ZM20.5865 19V14C20.5865 10.93 18.9465 8.36 16.0865 7.68V7C16.0865 6.17 15.4165 5.5 14.5865 5.5C13.7565 5.5 13.0865 6.17 13.0865 7V7.68C10.2165 8.36 8.58648 10.92 8.58648 14V19L7.29648 20.29C6.66648 20.92 7.10648 22 7.99648 22H21.1665C22.0565 22 22.5065 20.92 21.8765 20.29L20.5865 19Z" fill="#C3CAD9"></path> | ||
<div | ||
class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2.5 p-2.5 rounded-[100px] bg-white" | ||
style="box-shadow: 0px 2px 5px 0 rgba(38,51,77,0.03);" | ||
> | ||
<svg | ||
width="30" | ||
height="31" | ||
viewBox="0 0 30 31" | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" | ||
preserveAspectRatio="none" | ||
> | ||
<path | ||
fill-rule="evenodd" | ||
clip-rule="evenodd" | ||
d="M14.5865 25C15.6865 25 16.5865 24.1 16.5865 23H12.5865C12.5865 24.1 13.4765 25 14.5865 25ZM20.5865 19V14C20.5865 10.93 18.9465 8.36 16.0865 7.68V7C16.0865 6.17 15.4165 5.5 14.5865 5.5C13.7565 5.5 13.0865 6.17 13.0865 7V7.68C10.2165 8.36 8.58648 10.92 8.58648 14V19L7.29648 20.29C6.66648 20.92 7.10648 22 7.99648 22H21.1665C22.0565 22 22.5065 20.92 21.8765 20.29L20.5865 19Z" | ||
fill="#C3CAD9" | ||
></path> | ||
</svg> | ||
</div> | ||
<div class="flex-grow-0 flex-shrink-0 w-2.5 h-2.5 absolute left-10 top-0 rounded-[100px] bg-[#e62e7b]" style="box-shadow: 0px 2px 10px 0 rgba(38,51,77,0.03);"></div> | ||
<div | ||
class="flex-grow-0 flex-shrink-0 w-2.5 h-2.5 absolute left-10 top-0 rounded-[100px] bg-[#e62e7b]" | ||
style="box-shadow: 0px 2px 10px 0 rgba(38,51,77,0.03);" | ||
></div> | ||
</div> | ||
<div class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2.5 p-2.5 rounded-[100px] bg-white" style="box-shadow: 0px 2px 5px 0 rgba(38,51,77,0.03);"> | ||
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg" class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" preserveAspectRatio="none"> | ||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 5.5C9.47 5.5 5 9.97 5 15.5C5 21.03 9.47 25.5 15 25.5C20.53 25.5 25 21.03 25 15.5C25 9.97 20.53 5.5 15 5.5ZM19.3 19.8C18.91 20.19 18.28 20.19 17.89 19.8L15 16.91L12.11 19.8C11.72 20.19 11.09 20.19 10.7 19.8C10.5127 19.6132 10.4075 19.3595 10.4075 19.095C10.4075 18.8305 10.5127 18.5768 10.7 18.39L13.59 15.5L10.7 12.61C10.5127 12.4232 10.4075 12.1695 10.4075 11.905C10.4075 11.6405 10.5127 11.3868 10.7 11.2C11.09 10.81 11.72 10.81 12.11 11.2L15 14.09L17.89 11.2C18.28 10.81 18.91 10.81 19.3 11.2C19.69 11.59 19.69 12.22 19.3 12.61L16.41 15.5L19.3 18.39C19.68 18.77 19.68 19.41 19.3 19.8Z" fill="#C3CAD9"></path> | ||
<div | ||
class="flex justify-center items-center flex-grow-0 flex-shrink-0 relative gap-2.5 p-2.5 rounded-[100px] bg-white" | ||
style="box-shadow: 0px 2px 5px 0 rgba(38,51,77,0.03);" | ||
> | ||
<svg | ||
width="30" | ||
height="31" | ||
viewBox="0 0 30 31" | ||
fill="none" | ||
xmlns="http://www.w3.org/2000/svg" | ||
class="flex-grow-0 flex-shrink-0 w-[30px] h-[30px] relative" | ||
preserveAspectRatio="none" | ||
> | ||
<path | ||
fill-rule="evenodd" | ||
clip-rule="evenodd" | ||
d="M15 5.5C9.47 5.5 5 9.97 5 15.5C5 21.03 9.47 25.5 15 25.5C20.53 25.5 25 21.03 25 15.5C25 9.97 20.53 5.5 15 5.5ZM19.3 19.8C18.91 20.19 18.28 20.19 17.89 19.8L15 16.91L12.11 19.8C11.72 20.19 11.09 20.19 10.7 19.8C10.5127 19.6132 10.4075 19.3595 10.4075 19.095C10.4075 18.8305 10.5127 18.5768 10.7 18.39L13.59 15.5L10.7 12.61C10.5127 12.4232 10.4075 12.1695 10.4075 11.905C10.4075 11.6405 10.5127 11.3868 10.7 11.2C11.09 10.81 11.72 10.81 12.11 11.2L15 14.09L17.89 11.2C18.28 10.81 18.91 10.81 19.3 11.2C19.69 11.59 19.69 12.22 19.3 12.61L16.41 15.5L19.3 18.39C19.68 18.77 19.68 19.41 19.3 19.8Z" | ||
fill="#C3CAD9" | ||
></path> | ||
</svg> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</body> | ||
</html> | ||
</div> |