-
Notifications
You must be signed in to change notification settings - Fork 0
/
education.html
167 lines (149 loc) · 8.52 KB
/
education.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Education</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="education.css">
<link rel="icon" href="img/man.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat&family=Outfit&family=PT+Mono&family=Patrick+Hand&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!--
<div class="container shadow p-3 bg-white rounded main-card-section">
<div class="card shadow-sm bg-white rounded all-card">
<img src="img/edu.png" id="team-work" class="card-img" alt="...">
</div>
<div class="container edu-heading">
<h3>EDUCATION</h3>
<p>Basic Qualification and Certifcations</p>
</div>
</div> -->
<!-- <div class="flex justify-center">
<div class="flex flex-col md:flex-row md:max-w-xl rounded-lg bg-white shadow-lg">
<img class=" w-full h-96 md:h-auto object-cover md:w-48 rounded-t-lg md:rounded-none md:rounded-l-lg"
src="https://mdbootstrap.com/wp-content/uploads/2020/06/vertical.jpg" alt="" />
<div class="p-6 flex flex-col justify-start">
<h5 class="text-gray-900 text-xl font-medium mb-2">Card title</h5>
<p class="text-gray-700 text-base mb-4">
This is a wider card with supporting text below as a natural lead-in to additional content. This
content is a little bit longer.
</p>
<p class="text-gray-600 text-xs">Last updated 3 mins ago</p>
</div>
</div>
</div>
<div class="flex justify-center">
<div class="flex flex-col md:flex-row md:max-w-xl rounded-lg bg-white shadow-lg">
<img class=" w-full h-96 md:h-auto object-cover md:w-48 rounded-t-lg md:rounded-none md:rounded-l-lg"
src="https://mdbootstrap.com/wp-content/uploads/2020/06/vertical.jpg" alt="" />
<div class="p-6 flex flex-col justify-start">
<h5 class="text-gray-900 text-xl font-medium mb-2">Card title</h5>
<p class="text-gray-700 text-base mb-4">
This is a wider card with supporting text below as a natural lead-in to additional content. This
content is a little bit longer.
</p>
<p class="text-gray-600 text-xs">Last updated 3 mins ago</p>
</div>
</div>
</div> -->
<!-- <div class="hero">
<div class="container d-lg-inline-flex main-page">
<img src="img/edu.png" alt="" data-aos="slide-right" data-aos-duration="2000">
<div class="txt-pg" data-aos="fade-down" data-aos-duration="2000">
<h1>EDUCATION</h1>
<p>My education and Qualification</p>
</div>
</div>
</div> -->
<div class="hero">
<img src="Mockups/LAPTOP.svg" alt="" data-aos="slide-right" data-aos-duration="2000">
<img src="Mockups/Rectangle.svg" alt="" data-aos="slide-right" data-aos-duration="2000">
</div>
<!-- <div class="flex justify-center edu-cards">
<div class="flex flex-col md:flex-row rounded-lg bg-white shadow-lg first-card"> -->
<!-- <img class=" w-full h-96 md:h-auto rounded-t-lg md:rounded-none md:rounded-l-lg" src="img/college-logo.png" alt="" /> -->
<!-- <div class="container img"></div>
<div class="p-6 flex flex-col justify-start">
<h5 class="text-gray-900 text-xl font-medium mb-2"
style="font-family: 'montserrat';font-weight: bolder;letter-spacing: 1.1px;">Dewan Institute of
Management and Studies</h5>
<p class="text-gray-700 text-base mb-4" style="font-family: 'montserrat';font-size: 13px;">
Bachelor in computer application
</p>
<p class="text-gray-900 text-base mb-4 container" style="font-family: 'montserrat';font-size: 13px;">
I am pursuing my graduation in computer science from Dewan Institute Of<br>
Management and Studies which is affiliated to Chaudhary Charan Singh<br>
University (Meerut,UP).Overall placement from my college is good . This<br>
college offer various courses which you can pursue with an affordable range<br>
</p>
<p class="text-gray-600 text-xs text-muted" style="font-family: 'montserrat';">Course Period 2020 - 2023
</p>
</div>
</div>
</div> -->
<div class="container rounded-lg bg-white shadow-lg sec-pg" data-aos="slide-right" data-aos-duration="2000">
<div class="sec-img">
<img src="img/college-logo.png" alt="">
</div>
<div class="sec-heading">
<h5 class="text-gray-900 text-xl font-medium mb-2"
style="font-family: 'montserrat';font-weight: bolder;letter-spacing: 1.1px;">Dewan Institute of
Management and Studies(Meerut)</h5>
<p class="text-gray-700 text-base mb-4" style="font-family: 'montserrat';font-size: 13px;">
Bachelor in computer application(BCA)
</p>
<p class="text-gray-900 text-base mb-4" style="font-family: 'montserrat';font-size: 13px;">
I am pursuing my graduation in computer science from Dewan Institute Of
Management and Studies which is affiliated to Chaudhary Charan Singh
University (Meerut,UP).Overall placement from my college is good . This
college offer various courses which you can pursue with an affordable range
</p>
<p class="text-gray-600 text-xs text-muted" style="font-family: 'montserrat';">Course Period 2020 - 2023
</p>
<div class="sec-page-btn mt-3">
<a href="https://www.dewaninstitutes.com/" target="_blank"><button class="btn btn-outline-danger" id="clz-btn" style="font-family: 'montserrat';">Visit Campus</button></a>
</div>
</div>
</div>
<div class="container rounded-lg shadow-lg third-page">
<p class="text-gray-900 text-base mb-4" style="font-family: 'montserrat';font-size: 25px;">My Dream Companies</p>
</div>
<marquee behavior="" direction="">
<div class="dream-companies">
<img src="companies/Accenture.png" alt="Accenture">
<img src="companies/amazon.png" alt="Amazon">
<img src="companies/capegemini.svg" alt="Capegemini">
<img src="companies/flipkart.png" alt="Flipkart">
<img src="companies/Google.png" alt="Google">
<img src="companies/Infosys.png" alt="Infosys">
<img src="companies/microsoft.png" alt="Microsoft">
<img src="companies/TCS.png" alt="TCS">
<img src="companies/Wipro.svg" alt="Wipro">
</div>
</marquee>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset: 120
});
</script>
</body>
</html>