-
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
1 parent
47f545d
commit 2e87f20
Showing
23 changed files
with
1,523 additions
and
2 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 |
|---|---|---|
| @@ -0,0 +1,111 @@ | ||
| body { | ||
| padding: 0px; | ||
| margin: 0px; | ||
| background: #f2f6e9; | ||
| } | ||
| .navbar { | ||
| background: #6ab446; | ||
| font-family: Pacifico; | ||
| } | ||
|
|
||
| .nav-link, .navbar-brand { | ||
| color: #fff; | ||
| cursor: pointer; | ||
| } | ||
|
|
||
| .nav-link { | ||
| margin-right: 1em !important; | ||
| } | ||
|
|
||
| .nav-link:hover { | ||
| color : #000; | ||
| } | ||
|
|
||
| .navbar-collapse { | ||
| justify-content: flex-end; | ||
| } | ||
| .emp-profile{ | ||
| padding: 3%; | ||
| margin-top: 3%; | ||
| margin-bottom: 3%; | ||
| border-radius: 0.5rem; | ||
| background: #fff; | ||
| } | ||
| .profile-img{ | ||
| text-align: center; | ||
| } | ||
| .profile-img img{ | ||
| width: 70%; | ||
| height: 100%; | ||
| } | ||
| .profile-img .file { | ||
| position: relative; | ||
| overflow: hidden; | ||
| margin-top: -20%; | ||
| width: 70%; | ||
| border: none; | ||
| border-radius: 0; | ||
| font-size: 15px; | ||
| background: #212529b8; | ||
| } | ||
|
|
||
| .profile-head h5{ | ||
| color: #333; | ||
| } | ||
| .profile-head h6{ | ||
| color: #0062cc; | ||
| } | ||
|
|
||
| .proile-rating span{ | ||
| color: #495057; | ||
| font-size: 15px; | ||
| font-weight: 600; | ||
| } | ||
| .profile-head .nav-tabs{ | ||
| margin-bottom:5%; | ||
| } | ||
| .profile-head .nav-tabs .nav-link{ | ||
| font-weight:600; | ||
| border: none; | ||
| } | ||
| .profile-head .nav-tabs .nav-link.active{ | ||
| border: none; | ||
| border-bottom:2px solid #0062cc; | ||
| } | ||
| .profile-work{ | ||
| padding: 14%; | ||
| margin-top: -15%; | ||
| } | ||
| .profile-work p{ | ||
| font-size: 12px; | ||
| color: #818182; | ||
| font-weight: 600; | ||
| margin-top: 10%; | ||
| } | ||
| .profile-work a{ | ||
| text-decoration: none; | ||
| color: #495057; | ||
| font-weight: 600; | ||
| font-size: 14px; | ||
| } | ||
| .profile-work ul{ | ||
| list-style: none; | ||
| } | ||
| .profile-tab label{ | ||
| font-weight: 600; | ||
| } | ||
| .profile-tab p{ | ||
| font-weight: 600; | ||
| color: #0062cc; | ||
| } | ||
| .page-footer { | ||
| background-color: #222; | ||
| color: #ccc; | ||
| padding: 60px 0 30px; | ||
| font-family: Dancing Script; | ||
| } | ||
|
|
||
| .footer-copyright { | ||
| color: #666; | ||
| padding: 40px 0; | ||
| } |
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 |
|---|---|---|
| @@ -0,0 +1,188 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> | ||
| <link rel="stylesheet" href="Bprofile.css"> | ||
| <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Pacifico&display=swap" rel="stylesheet"> | ||
| <title>Bride | Profile </title> | ||
| </head> | ||
| <body> | ||
| <nav class="navbar navbar-expand-md"> | ||
| <a class="navbar-brand" href="main.html">WedLock</a> | ||
| <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#main-navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse" id="main-navigation"> | ||
| <ul class="navbar-nav"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="main.html">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="login.html">Login</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="register.html">Register</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| <div class="container emp-profile"> | ||
| <form method="post"> | ||
| <div class="row"> | ||
| <div class="col-md-4"> | ||
| <div class="profile-img"> | ||
| <img src="images/bride-image.jpg" alt=""/> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <div class="profile-head"> | ||
| <h5> | ||
| Aaradhya Gupta | ||
| </h5> | ||
| <h6> | ||
| Machine Learning Developer | ||
| </h6> | ||
| <ul class="nav nav-tabs" id="myTab" role="tablist"> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">About</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Timeline</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-4"> | ||
| <div class="profile-work"> | ||
| <p>SOCIAL MEDIA</p> | ||
| <a href="#">Instagram</a><br/> | ||
| <a href=#>Facebook</a><br/> | ||
| <a href="#">Twitter</a> | ||
| <p>PROFESSION</p> | ||
| <a href="#">LinkedIn</a><br/> | ||
| <a href="#">Resume</a><br/> | ||
| <a href="#">Kundli</a><br/> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-8"> | ||
| <div class="tab-content profile-tab" id="myTabContent"> | ||
| <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>User Id</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>Aaradhya11</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Name</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>Aaradhya Gupta</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Email</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>[email protected]</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Phone</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>123 456 7890</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Profession</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>Machine Learning Developer</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Age</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>27</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Zodiac</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>Saggitarius</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Caste</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>Baniya</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <label>Address</label> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <p>Chandigarh</p> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <label>Bio</label><br/> | ||
| <p>I'm Aaradhya Gupta a simple from Chandigarh, I want a grrom whon is ok with my working background and | ||
| allows me to work after marriage. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <footer class="page-footer"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-8 col-md-8 col-sm-12"> | ||
| <h6 class="text-uppercase font-weight-bold">Additional Information</h6> | ||
| <p>WedLock was made as a part of the project assigned in my frontend class</p> | ||
| </div> | ||
| <div class="col-lg-4 col-md-4 col-sm-12"> | ||
| <h6 class="text-uppercase font-weight-bold">Contact</h6> | ||
| <p>Bp poddar institute of management and technology, Kolkata, West Bengal | ||
| <br/>[email protected] | ||
| <br/>+91 9163868838</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="footer-copyright text-center">Developed by Prem Prakash Soni</div> | ||
| </footer> | ||
|
|
||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script> | ||
| <script src="main.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.