-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
168 lines (161 loc) · 10.7 KB
/
index.html
File metadata and controls
168 lines (161 loc) · 10.7 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html class="text-center">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
<link rel="stylesheet" href="assets/css/Newsletter-Subscription-Form.css">
<link rel="stylesheet" href="assets/css/untitled.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top portfolio-navbar " style="color: rgb(251,251,251);
background-color: #072542 ; margin-bottom: -200px">
<div class="container"><img src="assets/img/logo.png" height="100px" style="margin-bottom: -50px ;margin-top: -50px; margin-right: -50px;" ><a class="navbar-brand logo" href="#">Elevate </a><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarNav"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navbarNav">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="index.html">HOME</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="cv.html">MY PROFILE</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="hire-me.html">CONTACT </a></li>
</ul>
</div>
</div>
</nav>
<main style="margin-top:-20px; " class="page landing-page" >
<div id="part" class="portfolio-block block-intro" style="background-color:transparent;height: 580px;background-repeat: round;">
<div class="container" data-aos="fade-right" data-aos-duration="200" data-aos-delay="50" style="background-color: rgba(249,147,196,0);">
<div class="avatar" style="background-image: url("assets/img/images.png");"></div>
<div class="about-me">
<p data-bs-hover-animate="bounce" style="color: white;font-size: 38px;"><strong>Welcome To your Dashboard !</strong></p><a class="btn " role="button" href="#challenge" data-scroll style="background-color: rgb(177,50,111);color: rgb(241,241,241);">Challenge your skills !</a></div>
</div>
</div>
<div id="particles-js"> </div>
<section class="portfolio-block photography">
<div class="container">
<div class="row no-gutters">
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"></a></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><a href="#"></a></div>
</div>
</div>
</section>
<section class="portfolio-block skills" id="skills" style="height: 891px;font-size: 16px;">
<div class="container">
<div class="heading">
<h2>Get to know <span style="height: 891px;font-size: 18p">elevate</span> .</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-lightbulb" style="background-color: rgb(42,75,97);"></i></div>
<div class="card-body">
<h3 class="card-title">Learn.</h3>
<p class="card-text">You don't learn to walk by following rules. You learn by doing, and by falling over </p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-android-settings" style="background-color: rgb(42,75,97);"></i></div>
<div class="card-body">
<h3 class="card-title">Create.</h3>
<p class="card-text">The desire to create is one of the deepest yearnings of the human soul.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-checkmark" style="background-color: rgb(42,75,97);"></i></div>
<div class="card-body">
<h3 class="card-title">Submit !</h3>
<p class="card-text">Finished the adventure ? Submit your work ! </p>
</div>
</div>
</div>
</div>
</div>
<div style="border: 5px solid #072542; margin-left: 70px;margin-right : 70px" id="challenge" class="projects-horizontal">
<div class="container d-table" style="filter: grayscale(0%) hue-rotate(0deg) invert(0%) saturate(106%);">
<div class="row projects">
<div class="col-sm-6 item" style="height: 500%px;">
<div class="row">
<div class="col-1 col-md-12 col-lg-5"><img class="rounded-circle" src="assets/img/35812677_329898727543700_4470342063509995520_o.jpg" width="60%" style="margin: 0px;margin-top: -8px;margin-left: 40px;"></div>
<div class="col-6" style="margin-left: -35px;">
<h3 class="name">Ahmed LAKEHAL</h3>
<p class="description">Design Manager</p>
<p class="description">Today 16:00 </p>
</div>
</div>
</div>
</div>
<div class="row" style="height: auto;width: 100%;">
<div class="col" style="height: auto;">
<h2>Pricing</h2>
<p>Quickly build an effective pricing table for your potential customers with this Bootstrap example. It’s built with default Bootstrap components and utilities with little customization..</p><br>
<P>Here is the <a href="https://www.w3schools.com/html/">link</a> to the video !</P>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<div
class="text-center" style="height: 117px;margin: 0px;"><input type="file" style="margin: 31px;"><button class="btn btn-primary" type="button" style="background-color: rgb(177,50,111);">SUBMIT</button></div>
</div>
<div class="container" style="width: 1147px;height: 218px;">
<div style="border: 5px solid #072542; margin-left: -50px;margin-right : -50px;margin-top: 20px;" class="projects-horizontal">
<div class="container d-table" style="filter: grayscale(0%) hue-rotate(0deg) invert(0%) saturate(106%);">
<div class="row projects">
<div class="col-sm-6 item" style="height: 500%px;">
<div class="row">
<div class="col-1 col-md-12 col-lg-5"><img class="rounded-circle" src="assets/img/71724312_502416480594434_629374835289489408_o.jpg" width="60%" style="margin: 0px;margin-top: -8px;margin-left: 40px;"></div>
<div class="col-6" style="margin-left: -35px;">
<h3 class="name">Abdlkhalek ZELLAT</h3>
<p class="description">Event Manager</p>
<p class="description">Today 12:00 </p>
</div>
</div>
</div>
</div>
<div class="row" style="height: auto;width: 100%;">
<div class="col" style="height: auto;"><h1 >Album example</h1>
<p><br>Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
<P>Here is the <a href="https://www.w3schools.com/html/">link</a> to the video !</P> <br><br>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<div
class="text-center" style="height: 117px;margin: 0px;"><input type="file" style="margin: 31px;"><button class="btn btn-primary" type="button" style="background-color: rgb(177,50,111);">SUBMIT</button></div>
</div>
<div class="container" style="width: 1147px;height: 218px;">
<footer class="page-footer">
<div class="container">
<div class="links"><a href="#skills" data-scroll>About Elevate</a><a href="https://cse.club/">Contact CSE</a></div>
<div class="social-icons"><a href="https://www.facebook.com/club.scientifique.esi/?ref=br_rs"><i class="icon ion-social-facebook"></i></a><a href="https://www.instagram.com/cse.club/"><i class="icon ion-social-instagram-outline"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a></div>
</div>
</footer>
</div>
</div>
</section>
</main>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<script>
var scroll = new SmoothScroll('a[href*="#"]');
</script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
<script src="./particles.js" type="text/javascript"></script>
<script src="./app.js" type="text/javascript"></script>
</body>
</html>