tykayn/digital-theory
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

more style in first section

Browse Source
This commit is contained in:
Tykayn 2023-04-20 18:34:40 +02:00 committed by tykayn
parent c2b700d77e
commit e348f1c02f
2 changed files with 46 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
css/main.css
View File

@ -270,7 +270,19 @@ main section {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
font-family: 'GT Walsheim Pro'; font-family: 'GT Walsheim Pro';
}
main section h2{
font-family: 'GT Walsheim Pro';
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 110%;
/* or 66px */
letter-spacing: -0.04em;
/* Secondary 100 */
color: #FFFDFC;
} }
@ -309,8 +321,6 @@ main section {
left: 660px; left: 660px;
top: 480px; top: 480px;
/* Subtitle/desktop_1 */
font-weight: 600; font-weight: 600;
font-size: 2rem; font-size: 2rem;
line-height: 120%; line-height: 120%;
@ -356,8 +366,27 @@ main section {
background-size: cover; background-size: cover;
} }
#content .color-emphasis{ #content .color-emphasis{
color: #E77064;
width: 1680px;
height: 35px;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 95%;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase; text-transform: uppercase;
color: #E77064;
backdrop-filter: blur(5px);
flex: none;
order: 0;
flex-grow: 0;
} }
#content_all{ #content_all{
background: url('/img/bd_content.jpg'); background: url('/img/bd_content.jpg');

18
index.html
View File

@ -25,7 +25,7 @@
<body> <body>
<main> <main class="has-text-centered">
<div class="fixed-nav is-fixed-top columns"> <div class="fixed-nav is-fixed-top columns">
<div class="burger-menu column is-2"> <div class="burger-menu column is-2">
@ -37,29 +37,33 @@
</div> </div>
</div> </div>
<section id="cover"> <section id="cover">
<div class="hand"></div>
<h1 id="main_title">Sesame</h1> <h1 id="main_title">Sesame</h1>
<p> <h2>
We focus on online
 conversion to help brands 
sell better and more. We focus on online
 conversion to help brands 
sell better and more.
</p> </h2>
<button class="button">Scroll</button> <button class="button">Scroll</button>
</section> </section>
<section id="welcome"> <section id="welcome">
<p> <h2>
We come from We come from
<span class="color-emphasis"> <span class="color-emphasis">
the
 most immersive e-commerce market the
 most immersive e-commerce market
</span> </span>
in the world. in the world.
</p> </h2>
</section> </section>
<section id="open"> <section id="open">
<p> <h2>
Open Sesame Open Sesame
</p> </h2>
</section> </section>
<section id="content"> <section id="content">
<h2>
<p class="color-emphasis">Transactional</p> <p class="color-emphasis">Transactional</p>
<p>Content</p> <p>Content</p>
</h2>
</section> </section>
<section id="content_all"> <section id="content_all">
<h2>For all your digital uses.</h2> <h2>For all your digital uses.</h2>