-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhtml.html
59 lines (59 loc) · 2.98 KB
/
html.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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<html>
<head>
<link rel="stylesheet" href="css.css"/>
<script src="https://kit.fontawesome.com/e8b60bc2ec.js" crossorigin="anonymous"></script>
</head>
<div class="au">
<div class="n1">
<img class="ime" src="https://previews.dropbox.com/p/thumb/ACaJ1uRxsINYOo9m-voA6ekm3TkIY3_7Xl1WEsRE3qP5YYTKp46ndoKlbk1czDLaPcgYDGEsSLeHavpcdtRoL-okS_FPZ3Jb_u0F1yX86YmNIBvlaxC5UXE-YwJuunZjjV2XCqPK4TryeT0QQPLoU7EfEHUlXDKDG40ghsIVD-srUCaneZKJaEGirVLGFOv4AycXH_9IGWjguQ3coBZWVETyldm0ncbxjkY-lY6BJXk2yHYKy8IDYYSA1q0dyD6iMkQEaoB7dSI3dGcSHg7wOMLm-3gcRNnZ6LMY-pxX0nyZV3PRS9xDB-KrbawyCO1XPFLIIA3Z9QB9tR1lkpfYDNyD/p.png?is_prewarmed=true" width="200px" height="40px"/>
<h2 style="color: yellow; margin: 0px; position: relative; left: 6%; top: 10%; font-size:17px;">EXPLORE</h2>
<div class="links">
<h2 class="link"><b>Pens</b></h2>
<h2 class="link"><b>Projects</b></h2>
<h2 class="link"><b>Posts</b></h2>
<h2 class="link"><b>Collections</b></h2>
<h2 class="g"><b>Spark <i class="fa-solid fa-chevron-down"></i></b></h2>
</div>
</div>
<div class="btns">
<button class="btn"><b><h3>Create<i class="fa-solid fa-chevron-down" style="color: lime; left: 5px; position: relative;"></i></h3></b></button>
<i class="fa-solid fa-magnifying-glass fa-2x" style="position: relative; top: 10px; color: gray;"></i>
<button class="btn"><b><h3>Log In</h3></b></button>
<button class="btn"><b><h3>Sign Up</h3></b></button>
</div>
</div>
<div class="full">
<div class="body2">
<h1 class="para1">CodePen is a <b>social development environment</b> for front-end designers and developers. 👋</h1>
<h1 class="para2">It's the best place to build and deploy a website, show off your work, build test cases, and find inspiration.</h1>
<div class="obtns">
<button class="btn1">Sign Up for Free</button>
<button class="btn2">Learn More</button>
</div>
</div>
<img class="waa" src="https://previews.dropbox.com/p/thumb/ACbQBwOzLgw6oVlYDP8em0q0_IDUtalytgdAEcZatAO1grFWcGWBQH2IlU1RUXqbwg1t4yUKTnKRS31US6RJT0XivzCV4ZNnxWdy9YWbwpfmiVV2ZQvxVSEdYL17CofNdEFdxW7NKWD49UwVFmbptPaDC3WdRBRQ2hZcyXA_K7K_kFDUMZGC2YeYExVeJjJAazyClHbLABgENl1Ib8U30dCI7GQU6C9pkBTBzeFdgphsdNUu1HoDPvJjFu09PUOzWAlXbWNbzzBu_8LQEGVMxyHdjnjAOAT-KKkY-pIak1hcGZ-YfcjnjZ_ZeGDxHh5wKNJ4S15I0vgmSSG7TEbIw-Qo/p.png?is_prewarmed=true" width="35%"/>
<div class="end">
<div class="ode">
<h3 class="wawa">CodePen for </h3>
<h3 class="odd">TEAMS</h3>
</div>
<div class="ode">
<h3 class="wawa">CodePen for </h3>
<h3 class="odd">EDUCATION</h3>
</div>
<div class="ode">
<h3 class="wawa">CodePen for</h3>
<h3 class="odd">PRIVACY</h3>
</div>
<div class="ode">
<h3 class="wawa">CodePen for</h3>
<h3 class="odd">WRITING</h3>
</div>
</div>
<div class="txt">
<h3>This is</h3>
<h3 class="wa1">CodePen Projects</h3>
<h3>!</h3>
</div>
</div>
</html>