-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (77 loc) · 2.66 KB
/
index.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>
<head>
<title>App Name</title>
<link rel="stylesheet" type="text/css" href="bootstrap_files/bootstrap_css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- HEROSECTION -->
<section class="herosection_outer">
<div class="container">
<header>
<div class="logo">
<img src="img/logo.png">
</div>
<nav>
<button>
<span></span>
</button>
<div>
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Features</a>
</li>
<li>
<a href="#">Screensort</a>
</li>
<li>
<a href="#">Team</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Contact us</a>
</li>
</ul>
</div>
</nav>
</header>
</div>
</section>
<section class="herosection">
<div class="container">
<div class="left_section">
<h1>Lorem Ipsum is simply dummy text of the printing</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<a href="#">download for android</a>
</div>
<div class="right_section">
<svg width="832" height="929" viewBox="0 0 832 929" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M242.797 402.775C107.887 315.316 -119.449 -56.0076 76.1338 -45.0128C271.717 -34.018 859 -72 859 -72C854.654 106.915 843.694 548.006 834.624 881.048C782.229 962.769 464.737 958.259 227.492 722.123C154.987 649.958 377.707 490.233 242.797 402.775Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="445.738" y1="-72" x2="445.738" y2="881.048" gradientUnits="userSpaceOnUse">
<stop stop-color="#6F6F6F"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>
<div class="right_section_img">
<img src="img/herosection_image.png">
</div>
</div>
</div>
</section>
<!-- END HEROSECTION -->
<section class="about">
<div class="container">
</div>
</section>
<script type="text/javascript" src="bootstrap_files/bootstrap_js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="bootstrap_files/bootstrap_js/bootstrap.min.js"></script>
</body>
</html>