-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathflex css 5.html
43 lines (42 loc) · 18.5 KB
/
flex css 5.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>flex css 5</title>
<style>
.con{height: 900px;width: 1333px;display: flex;flex-direction: row;justify-content: space-around;flex-wrap: wrap;background-color: rgba(20, 17, 17, 0.993);}
.q1{height: 400px;width: 250px;border: solid black;margin-top: 40px;}
.j{height: 60px;width: 1333px;text-align: center;background-color:rgb(22, 19, 19) ;}
.l,.m,.n{width: 80%;height: 40%;margin-left: 20px;border-radius: 80px;}
.css,.html,.java{text-align: center;}
.l{background-image: url(data:image/png;base64,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);background-repeat: no-repeat;background-size: contain;}
.m{background-image: url(data:image/jpeg;base64,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);background-repeat: no-repeat;background-size: contain;}
.n{background-image: url(data:image/png;base64,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);background-repeat: no-repeat;background-size: contain;}
#first{background-color: skyblue;}
#sec{background-color: palevioletred;}
#z{background-color: purple;}
#head{color: rgb(216, 150, 87);}
</style>
</head>
<body>
<div class="j"><h1 id="head">FULL STACK WEB DEVELOPMENT</h1></div>
<div class="con">
<div class="q1" id="first">
<h1 class="html">HTML</h1>
<div class="l"></div>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Accusamus modi minima obcaecati aspernatur. Repudiandae iste placeat eius, enim quae aspernatur fugit, est accusantium quam necessitatibus ex deleniti autem excepturi. Porro accusamus tempora magni
</div>
<div class="q1" id="sec">
<h1 class="css">CSS</h1>
<div class="m"></div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas nostrum aperiam perferendis fugiat ex quas nobis, dicta beatae animi hic odio sed repellendus corrupti iste cumque, fugit vero id maiores ea illum ut! Incidunt eligendi quidem impedit exp
</div>
<div class="q1" id="z">
<h1 class="java">JAVASCRIPT</h1>
<div class="n"></div>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Porro, id adipisci officia expedita magni earum accusantium harum ab, eveniet sunt veritatis officiis doloribus ut nulla optio iure qui eum. Laborum alias ipsu
</div>
</div>
</body>
</html>