Hizenberg/Profile-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

next commit

Browse Source
This commit is contained in:
Hizenberg469
2026-04-28 23:14:00 +05:30
parent 6e506db292
commit 4374f4f648
2 changed files with 71 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.min.css
Vendored
+31 -16
View File
@@ -36,15 +36,9 @@ body {
overflow: hidden; overflow: hidden;
} }
a {
color: #f2f2f2;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* h1 { /* h1 {
font-size: 20px; font-size: 20px;
@@ -212,21 +206,42 @@ a:hover {
filter: alpha(opacity=30); filter: alpha(opacity=30);
} }
.Info {
position: absolute;
top: 20px;
left: 20px;
right: 30%;
}
.title { .title {
font-size: 15pt; font-size: 15pt;
text-shadow: 1px 1px 5px #FFF; text-shadow: 1px 1px 5px #FFF;
padding: 1rem; padding: 1rem;
right: 30%;
display: flex;
} }
.contact { .contact {
display: inline-block; margin-top: auto;
font-size: x-small; font-size: small;
margin-left: auto;
} }
#navMain { .text-white {
font-size: smaller; color: #FFF;
top: 40px; }
left: 20px;
right: 30%; a {
display: flexbox; color:#FFF;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.custom-link-color-force{
color:#FFF;
background-color: #0F111F;
} }
index.html
+31 -4
View File
@@ -14,12 +14,13 @@
</head> </head>
<body> <body>
<div id="background"></div> <div id="background"></div>
<div class="Info">
<div class="pure-g title"> <div class="pure-g title">
<div class="pure-u-1" > <div class="pure-u-1" >
<div class="title"> <div class="title">
<!-- <div> --> <div>
Junet Hossain Junet Hossain
<!-- </div> --> </div>
<div class="contact"> <div class="contact">
<a href="mailto:mail@jhossain.online">mail@jhossain.online</a> <a href="mailto:mail@jhossain.online">mail@jhossain.online</a>
| |
@@ -27,8 +28,34 @@
</div> </div>
</div> </div>
</div> </div>
<div class="pure-u-1-2 pure-u-md-1-3"> ... </div> <div class="pure-u-1">
<div class="pure-u-1-2 pure-u-md-1-3"> ... </div> <div class="pure-menu pure-menu-horizontal" >
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-selected">
<a href="https://www.google.com" class="pure-menu-link custom-link-color-force">About Me!</a>
</li>
<li class="pure-menu-item pure-menu-selected">
<a href="#" class="pure-menu-link custom-link-color">Projects</a>
</li>
<li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
<a href="#" id="menuLink1" class="pure-menu-link">Contact</a>
<ul class="pure-menu-children">
<li class="pure-menu-item">
<a href="#" class="pure-menu-link custom-link-color-force">Email</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">Twitter</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">Tumblr Blog</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3"> ... </div>
</div>
</div> </div>
</body> </body>
</html> </html>