-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
137 lines (127 loc) · 6.42 KB
/
Copy pathabout.html
File metadata and controls
137 lines (127 loc) · 6.42 KB
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
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="icon" href="./public/github.svg" />
<link rel="apple-touch-icon" href="./public//github.svg" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<title>About</title>
</head>
<body id="body-about">
<!-- Navbar -->
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#home">Loop<b style="color: #cd5c5c;">Med</b></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="./index.html" class="nav-link">Home<i class="fas fa-house-user" style="margin-left: 5px;font-size: 16px;"></i></a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Search<i class="fas fa-search" style="margin-left: 5px;font-size: 16px;"></i></a>
</li>
<li class="nav-item">
<a href="./about.html" class="nav-link">About<i class="fas fa-book-open" style="margin-left: 5px;font-size: 16px;"></i></a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!-- About this WebSite -->
<section id="create-section" class="py-5">
<div class="container">
<div class="row">
<div class="col-md-6 order-1">
<img src="./img/online-page.svg" class="img-fluid mb-3">
</div>
<div class="col-md-6 order-2">
<h3>About This WebSite</h3>
<p>The content of this site includes the search for Github users, as it enables you to quickly search for the person you want with the possibility of seeing a lot of information on it, and you can even link you to its official page on the site</p>
<p>The content of this site has been developed Programmer Begin in the design, excuse us for the many mistakes and also was developed through many tools so you can learn more about that below</p>
</div>
</div>
</div>
</section>
<!-- Tools -->
<section id="create-head-section">
<div class="container">
<div class="row">
<div class="col-md-6 order-2">
<img src="./img/mind-map.svg" class="img-fluid mb-3">
</div>
<div class="col-md-6 text-center py-5 order-1">
<h1 class="display-4">
Tools
</h1>
<p class="lead">
Bootstrap and React were used mainly in this simple project as well as in some synergies from CSS
</p>
<div class="row">
<div class="col-6">
<a href="#" class="btn btn-dark"><i class="fab fa-react" style="margin-right: 5px;font-size: 16px;"></i>React</a>
</div>
<div class="col-6">
<a href="#" class="btn btn-dark"><i class="fab fa-bootstrap" style="margin-right: 5px;font-size: 16px;"></i>Bootstrap</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Who am I? -->
<section id="create-section" class="py-5">
<div class="container">
<div class="row">
<div class="col-md-6 order-1">
<img src="./img/who.svg" class="img-fluid mb-3">
</div>
<div class="col-md-6 order-2">
<h3>Who am I?</h3>
<p>Hello! My name is Zighed this is first name, I'm full stack web developer use NodeJs/JavaScript have some experience and this site is first project in Desgin, I used som skills Bootstrap, React and Css for build all that, I hope is good and followe me in my social media above this article, if you want work with me you can contacte in my email.</p>
<div class="row" style="margin-top: 200px;">
<div class="col-4">
<a href="#" class="btn btn-dark"><i class="fab fa-facebook" style="margin-right: 5px;font-size: 16px;"></i>Facebook</a>
</div>
<div class="col-4">
<a href="#" class="btn btn-dark"><i class="fab fa-linkedin" style="margin-right: 5px;font-size: 16px;"></i>LinkedIn</a>
</div>
<div class="col-4">
<a href="#" class="btn btn-dark"><i class="fab fa-instagram" style="margin-right: 5px;font-size: 16px;"></i>Instgram</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="main-footer" class="bg-dark" style="color: #fff;">
<div class="container">
<div class="row">
<div class="col text-center pt-4">
<h3>Loop<b style="color: #cd5c5c;">Med</b></h3>
<h5>Copyright © 2020</h5>
<p>Zighed Mohammed Elamine</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap and Jquery -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/b4ad2faa56.js"></script>
</body>
</html>
</body>
</html>