-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (122 loc) · 6.58 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/ece7c7606c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="style.css">
<title>online news</title>
</head>
<body>
<div class="connavbar">
<div class="social">
<a href="http://facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="http://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="http://facebook.com" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="http://youtube.com" target="_blank"><i class="fab fa-youtube fa-2x"></i></a>
</div>
<img src="./imgs/logonews1.png" alt="websidelogo" class="logo">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
</ul>
</div>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="imgs/img1.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>First slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img src="imgs/img2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Second slide label</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="carousel-item">
<img src="imgs/img3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Third slide label</h5>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="imgcon">
<div class="photo photo1">
<img src="https://img.mako.co.il/2019/08/16/shutterstock_555740581_i.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio necessitatibus Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Pariatur, illum.at quis cupiditate
fugit
expedita ratione.</p>
<a href="#" type="button" class="btn btn-primary">lorem</a>
</div>
<div class="photo photo2">
<img src="./imgs/img1.jpg" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi reprehenderit quos at quas veritatis voluptatem? ipsum dolor sit amet consectetur adipisicing elit. Modi quam perspiciatis reprehenderit
alias
ipsum labore eius maxime, dolor incidunt quos minima.</p>
<a href="#" type="button" class="btn btn-primary">lorem</a>
</div>
<div class="photo photo3">
<img src="https://wildtravel.co.il/wp-content/uploads/2020/09/Q7-0Y3A5785.jpg" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eum, hic! Ipsam fuga tenetur eum quia
explicabo magnam possimus mollitia error temporibus vitae.</p>
<a href="#" type="button" class="btn btn-primary">lorem</a>
</div>
<div class="photo photo4">
<img src="./imgs/img2.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, odit. ipsum, dolor sit amet consectetur adipisicing elit. Eos hic corporis ad deleniti tempora? Earum, eius magnam sed ratione totam dolorem libero, ab, vero officiis hic ipsam sint assumenda nulla! ipsum, dolor sit amet consectetur adipisicing elit. Illum ex odit quidem aspernatur!</p>
<a href="#" type="button" class="btn btn-primary">lorem</a>
</div>
<div class="photo photo5">
<img src="https://www.leadersport.co.il/wp-content/uploads/2018/01/football_thumb.jpg" alt="">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Blanditiis! Lorem ipsum dolor sit amet consectetur adipisicing.</p>
<a href="#" type="button" class="btn btn-primary">lorem</a>
</div>
<div class="photo photo6">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ99wQvAVGYEhrfvmB-UvGJrwl6D4V5Y44hpA&usqp=CAU" alt="">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Blanditiis! Lorem ipsum dolor sit amet.</p>
<a href="#" type="button" class="btn btn-primary">lorem</a>
</div>
</div>
<footer>
<div class="footer">
<div class="Contact">
<h3>Contact Us</h3>
<i class=""></i>
<i class="fas fa-phone-square">0546265587</i>
<i class="fas fa-envelope">[email protected]</i>
</div>
<div>
<img src="./imgs/logonews1.png" alt="logo">
</div>
<div class="info">
<h3>information</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate ipsum cumque nostrum labore iusto rerum molestiae officia ea tempore. Fugiat iusto tempore magni dolor dicta alias rerum molestiae laborum numquam.</p>
</div>
</footer>
</div>
</body>
</html>