Skip to content

Commit

Permalink
add cards content
Browse files Browse the repository at this point in the history
  • Loading branch information
helouazizi committed Mar 24, 2024
1 parent 53f45f3 commit 14d0b07
Show file tree
Hide file tree
Showing 2 changed files with 48 additions and 6 deletions.
24 changes: 18 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -43,22 +43,34 @@ <h2>master javascript</h2>
<section class="container">
<h3>here are somme tools</h3>
<div class="project">
<h1 class="tst">title</h1>
<h1 class="counter">counter</h1>
<div class="project1-content">HASSAN</div>
<button class="source-code-conter">source code</button>
</div>
<div class="project">
<h1 class="tst">title</h1>
<h1 class="counter">counter</h1>
<div class="project1-content">HASSAN</div>
<button class="source-code-conter">source code</button>
</div>
<div class="project">
<h1 class="tst">title</h1>
<h1 class="counter">counter</h1>
<div class="project1-content">HASSAN</div>
<button class="source-code-conter">source code</button>
</div>
<div class="project">
<h1 class="tst">title</h1>
<h1 class="counter">counter</h1>
<div class="project1-content">HASSAN</div>
<button class="source-code-conter">source code</button>
</div>
<div class="project">
<h1 class="tst">title</h1>
<h1 class="counter">counter</h1>
<div class="project1-content">HASSAN</div>
<button class="source-code-conter">source code</button>
</div>
<div class="project">
<h1 class="tst">title</h1>
<h1 class="counter">counter</h1>
<div class="project1-content">HASSAN</div>
<button class="source-code-conter">source code</button>
</div>
</section>
<script src="script.js"></script>
Expand Down
30 changes: 30 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -155,6 +155,36 @@ body {
height: 450px;
display: inline-block;
margin: 10px;
text-align: center;
}

/*================= start styling project cards ============*/

.counter {

text-transform: uppercase;
color: #ff1361;
margin: 20px;
font-family: Arial, Helvetica, sans-serif;
}

.project1-content {
display: inline-block;
width: 80%;
margin: 10PX;
height: 250PX;
background-color: #fff;
}

.source-code-conter {
position: relative;
bottom: -60px;
left: -80px;
background-color: #ff1361;
padding: 5px;
border-radius: 5px;
border: none;
color: #fff;
}


Expand Down

0 comments on commit 14d0b07

Please sign in to comment.