-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
94 lines (91 loc) · 6.67 KB
/
Copy pathindex.html
File metadata and controls
94 lines (91 loc) · 6.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@300&display=swap" rel="stylesheet">
<script src="./index.js"></script>
<title>Analysis</title>
</head>
<body>
<div class="nav">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-truck" viewBox="0 0 16 16">
<path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</svg> -->
<i class="fa fa-bar-chart" style="font-size:36px"></i>
<p class="nav-heading">Cambridge Analytica</p>
</div>
<div class="container1">
<div class="link-card">
<div class="link-card-content">
<img src="./pexels-pixabay-220453.jpg" alt="profile" style="border-radius: 50%;">
<div class="link-card-details">
<div class="name">
John Doe
</div>
<a href="#foot">Linked to footer</a>
</div>
</div>
</div>
<div class="heading">
<div class="heading-content">
Sales Analysis
<div class="sub-heading">
Bike Delarship
</div>
</div>
</div>
</div>
<div class="content">
<div class="content-paragh">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure consequuntur nulla voluptatem, voluptatum voluptates illo nobis, aliquam aut corrupti perferendis, dolorum sed maiores vero! Molestias suscipit nisi error! Nostrum obcaecati iste autem iusto tenetur, perferendis et veniam quod. Minima voluptas cumque rerum similique, sit maiores molestiae consequuntur quo dolor tempora.
</div>
<div class="content-paragh">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure consequuntur nulla voluptatem, voluptatum voluptates illo nobis, aliquam aut corrupti perferendis, dolorum sed maiores vero! Molestias suscipit nisi error! Nostrum obcaecati iste autem iusto tenetur, perferendis et veniam quod. Minima voluptas cumque rerum similique, sit maiores molestiae consequuntur quo dolor tempora.
</div>
<div class="content-paragh">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iure consequuntur nulla voluptatem, voluptatum voluptates illo nobis, aliquam aut corrupti perferendis, dolorum sed maiores vero! Molestias suscipit nisi error! Nostrum obcaecati iste autem iusto tenetur, perferendis et veniam quod. Minima voluptas cumque rerum similique, sit maiores molestiae consequuntur quo dolor tempora.
</div>
</div>
<div class="video-card">
<div class="video-title">
Title of video
</div>
<div class="video-content">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laborum aperiam veritatis dolores repellendus consequuntur dicta, ratione iusto repudiandae, eligendi quas nemo modi necessitatibus, vitae rem.
</div>
<div class="video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/IflG3vEtgAA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Click for prices <p>+</p></button>
<div id="myDropdown" class="dropdown-content">
<a href="#">Flipkart 45999/- </a>
<a href="#">Amazon 44999/- </a>
<a href="#">Reliance 45989/- </a>
</div>
</div>
</div>
<div class="footer" id="foot">
<div class="socials">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-truck" viewBox="0 0 16 16">
<path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</svg> -->
<!-- <a class="socials-link" href="https://www.linkedin.com/in/sweekar52/">LinkedIn</a> -->
<a class="fa fa-linkedin" ></a>
<a class="socials-link" href="https://www.linkedin.com/in/sweekar52/ " style="color: #007bb5"><h2>LinkedIn</h2></a>
</div>
<div class="socials">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-truck" viewBox="0 0 16 16">
<path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
</svg> -->
<i class="fa fa-2x fa-file-pdf-o resume"></i>
<a class="socials-link" href="https://drive.google.com/file/d/1gfw1-SKdX9cfZdsjMjkCrVarO1aKAh95/view?usp=sharing" style="color: red;"><h2>Resume</h2></a>
</div>
</div>
</body>
</html>