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;
}
a {
color: #f2f2f2;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* h1 {
font-size: 20px;
@@ -212,21 +206,42 @@ a:hover {
filter: alpha(opacity=30);
}
.Info {
position: absolute;
top: 20px;
left: 20px;
right: 30%;
}
.title {
font-size: 15pt;
text-shadow: 1px 1px 5px #FFF;
padding: 1rem;
right: 30%;
display: flex;
}
.contact {
display: inline-block;
font-size: x-small;
margin-top: auto;
font-size: small;
margin-left: auto;
}
#navMain {
font-size: smaller;
top: 40px;
left: 20px;
right: 30%;
display: flexbox;
.text-white {
color: #FFF;
}
a {
color:#FFF;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.custom-link-color-force{
color:#FFF;
background-color: #0F111F;
}
index.html
+40 -13
View File
@@ -14,21 +14,48 @@
</head>
<body>
<div id="background"></div>
<div class="pure-g title">
<div class="pure-u-1" >
<div class="title">
<!-- <div> -->
Junet Hossain
<!-- </div> -->
<div class="contact">
<a href="mailto:mail@jhossain.online">mail@jhossain.online</a>
|
<a href="asset/Junet_resume.pdf">Resume</a>
<div class="Info">
<div class="pure-g title">
<div class="pure-u-1" >
<div class="title">
<div>
Junet Hossain
</div>
<div class="contact">
<a href="mailto:mail@jhossain.online">mail@jhossain.online</a>
|
<a href="asset/Junet_resume.pdf">Resume</a>
</div>
</div>
</div>
</div>
<div class="pure-u-1">
<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 class="pure-u-1-2 pure-u-md-1-3"> ... </div>
<div class="pure-u-1-2 pure-u-md-1-3"> ... </div>
</div>
</body>
</html>