Add files via upload

n14rishitha · Mar 15, 2024 · 05ab9b0 · 05ab9b0
1 parent a73f273
commit 05ab9b0
Show file tree

Hide file tree

Showing 18 changed files with 290 additions and 0 deletions.
diff --git a/background1.jpg b/background1.jpg
diff --git a/bg2.jpg b/bg2.jpg
diff --git a/insta2.png b/insta2.png
diff --git a/instalogo.png b/instalogo.png
diff --git a/layout1.html b/layout1.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="url-8">
+        <title>
+            Layout one
+        </title>
+        <style type="text/css">
+            *{
+                margin: 0;
+                padding: 0;
+                box-sizing: border-box;
+
+            }
+            #container{
+                width: 60%;
+                margin: auto;
+            }
+            #Logo{
+                width: 100%;
+                min-height: 50px;
+                background-color: lightgray;
+                padding-left: 2%;
+                line-height: 50px;
+                margin-bottom: 5px;
+            }
+            #nav{
+                width: 100%;
+                min-height: 30px;
+                background-color: lightgray;
+                line-height: 30px;
+                text-align: center;
+                margin-bottom: 5px;
+            }
+
+            #main{
+                width: 100%;
+
+            }
+            #sidebar-div{
+                width:20%;
+                min-height: 400px;
+                background-color: lightgray;
+                float: left;
+                text-align: center;
+                line-height: 400px;
+            }
+            #bodyarea-div{
+                width: 75%;
+                min-height: 400px;
+                background-color: lightgrey;
+                float: right;
+                text-align: center;
+                line-height: 400px;
+            }
+            .clearfix::after{
+                content:"";
+                display: block;
+                clear:both;
+            }
+        </style>
+    </head>
+    <body>
+    <div id="container">   
+        <div id="Logo">
+            Logo
+        </div>
+        <div id="nav">
+            Navigation
+        </div>
+        <div id="main" class="clearfix">
+            <div id="sidebar-div">
+                Sidebar
+            </div>
+            <div id="bodyarea-div">
+                Bodyarea
+            </div>
+        </div>
+        <div id="foot">
+            Footer
+        </div>
+    </div> 
+    </body>
+</html>
diff --git a/oo.png b/oo.png
diff --git a/ooo.png b/ooo.png
diff --git a/personlogo.png b/personlogo.png
diff --git a/profile.html b/profile.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>User Profile</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+</head>
+
+<body>
+	<div class="totaltopbar">
+	<img class="logo" src="insta2.png" alt="logo">
+	<div class="topbar">
+		<h1 style="font-size: 4.2vh;">My finance dashbord</h1>
+		<p>Welcome to personal home calculation  portal</p>
+	</div>
+	<div class="topbar1">
+		<i class="fa-solid fa-bell"></i>
+		<img class="toplogo" src="personlogo.png" alt="personlogo">
+    </div>
+	</div>
+	<div class="sidebar">
+		<p><i class="fa-solid fa-clock-rotate-left"></i>&nbsp;My dashboard</p>
+		<p><i class="fa-solid fa-user"></i>&nbsp;Accounts</p>
+		<p><i class="fa-solid fa-mobile"></i>&nbsp;Mobile</p>
+		<p><i class="fa-solid fa-credit-card"></i>&nbsp;Payments</p>
+		<p><i class="fa-solid fa-comment-dots"></i></i>&nbsp;Complaints</p>
+		<p><i class="fa-solid fa-user-tag"></i>&nbsp;Supports</p>
+	</div>
+	<div class="wrapper-container">
+		<div class="maincontainer">
+			<div class="container">
+				<div class="profile">		
+				<img style="height: auto;" class="img-v" src="profilelogo1.png" alt="Profile Picture"><br>
+				<h1>My Profile</h1>
+					<div class="info">
+						<p>Kim Tayhung</p><br>
+						<p>+1-656-569-905-1235</p><br>
+						<p>rishinandanapu366@gmail.com</p><br>
+						<button class="savebt">save</button>
+					</div>
+				</div>
+			</div>	
+			<div class="container2">	
+				<div class="accounts">
+					<h2>My xPay accounts</h2><br><hr><br>
+					<ul>
+						<li>Activo account</li>
+						<li>8040 5000 80084525</li><br><br>
+						<li>Blocked account</li>
+						<li>6380 1099 608534</li>
+					<div class="button1">
+						<button style=" width: 100%; border-radius: 10% / 50%;box-shadow: none; margin-bottom: 37px; padding: 8%;">Block account</button>
+						<button style="width: 100%; border-radius: 10% / 50%;  box-shadow: none; padding: 8%;">Unblock account</button>
+				    </div>
+					</ul>
+				</div>
+				<div class="bills">
+					<h2>My bills</h2><br><hr>
+					<ul>
+						<li>Phono bill</li><br>
+						<li>internet bill</li><br>
+						<li>House bill</li><br>
+						<li>Income tax</li>
+					</ul>	
+				</div>
+			</div>    
+		</div>		           
+	</div>			
diff --git a/profile2.html b/profile2.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>User Profile</title>
+	<link rel="stylesheet" type="text/css" href="style2.css">
+</head>
+<body>
+    <div class="img-logo">
+        <img src="" alt=""> 
+    </div>
+</body>
diff --git a/profilelogo.png b/profilelogo.png
diff --git a/profilelogo1.png b/profilelogo1.png
diff --git a/style.css b/style.css
@@ -0,0 +1,127 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+body{
+    width: 100%;
+    background: url("bg2.jpg");
+    height:800px;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+.totaltopbar{
+    display: flex;
+
+}
+.logo{
+    width: 15%;
+    height: 150px;
+}
+
+.sidebar{
+    padding: 20px;
+    line-height: 3.8;
+}
+.toplogo{
+    width:50%;
+    height:30px;
+}
+.wrapper-container{
+    width: 70%;
+    height: 500px;
+    margin: auto;   
+    position:absolute;
+    top:25%;
+    left:20%; 
+    padding: 20px;
+    background-color: transparent;
+}
+.maincontainer{
+    width : 100%;
+
+}
+
+.container{
+    width: 50%;
+    float: left;
+
+}
+.profile {
+    width: 90%;
+    min-height: 345px;
+    background-color: rgb(248, 248, 248);
+    border-radius: 10%;
+    margin-bottom: 10px;
+    background-color:white;
+    padding: 15px;
+}
+h1{
+    left: 0%;
+    font-size: 2.2vh;
+}
+.info{
+    text-decoration: underline;
+}
+
+.savebt{
+    font-weight: bold;
+    color: white;
+    border-radius: 2rem;
+    cursor: pointer;
+    width: 95.02px;
+    height: 42.66px;
+    border: none;
+    background-color: #3653f8;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-decoration: none;
+  }
+.img-v{
+    position: relative;
+    width: 100%;
+    height: 200px; 
+    overflow: hidden; 
+    margin: auto;
+    background-size: cover;
+} 
+.container2{
+    width: 50%;
+    float: right;
+
+}
+ul{
+    list-style-type: none;
+}
+.accounts{
+    width: 80%;
+    height: 210px;
+    background-color: white;
+    border-radius: 10%;
+    text-decoration: none;
+    margin: auto;
+    margin-bottom: 30px;
+    padding: 10px;
+}
+
+.button1{
+    width:40%;
+    float: right;
+    padding: 15px;
+    position: relative;
+    bottom: 125px;
+}
+
+.bills{
+    width: 80%;
+    height: 230px ;
+    background-color: white;
+    border-radius: 10%;
+    text-decoration: none ;
+    flood-opacity: unset;
+    margin: auto;
+    padding: 10px;
+}
+
diff --git a/style2.css b/style2.css
diff --git a/v.jpg b/v.jpg
diff --git a/v2.jpg b/v2.jpg
diff --git a/v3.jpg b/v3.jpg
diff --git a/v3bg(removed).png b/v3bg(removed).png