just another minimal layout

Tags: grid, minimalist, black, white, modern

Description:

grid layout featuring 'floating' elements

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by aech (https://layouts.spacehey.com/layout?id=18458) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Encode+Sans+SC:wght@500&display=swap');
p{ 
    font-family: Encode Sans SC;
    font-size 500px;
    color: black;
}
h1{
    font-family: Encode Sans SC;
    font-size 15px;
    color: black;
    
}
h2{
    font-family: Encode Sans SC;
    font-size 15px;
    color: black;
    
}
h3{
    font-family: Encode Sans SC;
    font-size 15px;
    color: black;
    
}
h4{
    font-family: Encode Sans SC;
    font-size 15px;
    color: grey;
    
}
h5{
    font-family: Encode Sans SC;
    font-size 15px;
    color: black;
    
}

body{ 
    background: url(https://cdn.shopify.com/s/files/1/0285/1316/products/w0156_1s_Grid-Removable-Peel-and-Stick-Wallpaper_Repeating-Pattern-Sample-1_41a2ef36-8c6a-42ce-a65b-ea473b4d1313.jpg?v=1604086911);
}
   
    .profile { 
        background-color: ;
}

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
    border-radius: var(--curve) !important;
    }
.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{
    border-radius: var(--curve);
    border: 4px groove grey;
    background-color: !important;
}
 
    .profile-pic {
        border-radius: 0px;
        overflow: hidden;
        box-shadow: -5px 5px  rgb(57,57,57);
        
    }
    
.general-about{
    padding: 10px 0 0 50px;

}
    
    .profile .friends .person img {
        border-radius: 5px;
    }
.url-info{display:none !important;}

:root{
     --logo-blue: rgb(0,0,0);
        --darker-blue: rgb(17,17,17);
        --lighter-blue: rgb(37,37,37);
        --even-lighter-blue: #ccc;
        --lightest-blue: #e3e3e3;
        --dark-orange: #333;
        --light-orange: #(0,0,0);
        --even-lighter-orange: #404040;
        --green: #38d;
}

     
nav {
    background: white;
    box-shadow: calc((-400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) rgb(57,57,57);
    margin-bottom: 30px;
    border: var(--borders);
}

footer{
    background-color: black;
    box-shadow: calc((-400px + (25px * 2)) * 0.025) calc((400px + (25px * 2)) * 0.025) rgb(57,57,57);
    padding:10px;
    background: white; 
   
}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 1 of 1 comments ( View all | Add Comment )