Training-task/newzera.html at master · kaustubh1955/Training-task · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>Newzera start</title>
	<script type="text/javascript" src="java.js"></script>
</head>
<body>
	<div class="split left">
		<div class="catndog">
			<img src="Cat-N-Dog-Logo copy.png" width=190 height=58>
		</div>
  		<div class='Lorem'>
    		<p class="lorem">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  			<p class='lorem2'>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.</p>
  			<div class="buttons">
  				<a href="https://www.apple.com/shop"><img src='AppStoreBadge.png' style='margin-right:20px'></a>
  				<a href="https://play.google.com/store?hl=en_IN"><img src="google-play-badge.png"></a>
  			</div>
  		</div>
	</div>

	<div class="split right">
		<div class="mySlides fade first" style="display:block">
		  <div class="tab">
	    		<p id='menu'><a href="https://newzera.com/" class="men">About</a> <a href="https://newzera.com/" class="men">Blog</a> <a href="https://newzera.com/" class="men">Careers</a> <a href="https://newzera.com/" class="men">Contact</a> </p>
	  		</div>
	  		<img src="Background2.png" height=765.2 width=100% style="margin-top:0 top:0px">
	  		<div class="bullets">
	  			<p class="type-text">Type text</p>
	  			<p class="lorem-ipsum-is-simpl">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
	  		</div>
	  		<div class='icons'>
	  			<a href="https://www.facebook.com/newzeraapp"><img src="Facebook.png" height=15.24 width=7.13></a>
	  			<a href="https://twitter.com/newzeraapp" style="margin-left: 38px"><img src="Instagram.png" width=15.24 height=15.24></a>
	  			<a href="https://www.linkedin.com/company/newzera/" style="margin-left: 38px"><img src="Linkedin.png" height=12.72 width=15.24></a>
	  			<a href="https://twitter.com/newzeraapp" style="margin-left: 38px"><img src="Twitter.png" height=15.37 width=15.24></a>
	  		</div>
		</div>

		<div class="mySlides fade second">
		  <div class="tab">
	    		<p id='menu'><a href="https://newzera.com/" class="men">About</a> <a href="https://newzera.com/" class="men">Blog</a> <a href="https://newzera.com/" class="men">Careers</a> <a href="https://newzera.com/" class="men">Contact</a> </p>
	  		</div>
	  		<img src="Background.png" height=765.2 width=100% style="margin-top:0 top:0px">
	  		<div class="bullets">
	  			<p class="type-text">Type text</p>
	  			<p class="lorem-ipsum-is-simpl">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
	  		</div>
	  		<div class='icons'>
	  			<a href="https://www.facebook.com/newzeraapp"><img src="Facebook.png" height=15.24 width=7.13></a>
	  			<a href="https://twitter.com/newzeraapp" style="margin-left: 38px"><img src="Instagram.png" width=15.24 height=15.24></a>
	  			<a href="https://www.linkedin.com/company/newzera/" style="margin-left: 38px"><img src="Linkedin.png" height=12.72 width=15.24></a>
	  			<a href="https://twitter.com/newzeraapp" style="margin-left: 38px"><img src="Twitter.png" height=15.37 width=15.24></a>
	  		</div>
		</div>
		<div class="dotd">
			<span class="dot" onclick="currentSlide(1)" ></span>
			<span class="dot" onclick="currentSlide(2)"></span>
		</div>
	</div>
</body>
</html>