-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathEvolve.html
108 lines (105 loc) · 5.95 KB
/
Evolve.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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Evolve</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;700&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/logo.png">
</head>
<body>
<div class="navigation">
<div class="navigation__display">
<div class="navigation__line"></div>
</div>
<div class="navigation__container"></div>
<ul class="navigation__list">
<a href="index.html" class="navigation__link">
<li class="navigation__item">Home</li>
</a>
<a href="Illustration.html" class="navigation__link">
<li class="navigation__item">Art Work</li>
</a>
<a href="about.html" class="navigation__link">
<li class="navigation__item">About</li>
</a>
<a href="mailto:chaudhry.saumya@gmail.com" class="navigation__link">
<li class="navigation__item">Contact Us</li>
</a>
<div class="media">
<li class="media__item">
<a href="https://www.linkedin.com/in/saumyachaudhry/" class="media__link">
<svg class="media__icon">
<use xlink:href="img/sprite.svg#icon-linkedin"></use>
</svg>
</a>
<a href="https://www.instagram.com/threegaysinatrenchcoat/?hl=en" class="media__link">
<svg class="media__icon">
<use xlink:href="img/sprite.svg#icon-instagram"></use>
</svg>
</a>
<a href="https://twitter.com/dukhandmirchi" class="media__link">
<svg class="media__icon">
<use xlink:href="img/sprite.svg#icon-twitter"></use>
</svg>
</a>
<a href="https://in.pinterest.com/painteatingwhore/" class="media__link">
<svg class="media__icon">
<use xlink:href="img/sprite.svg#icon-pinterest"></use>
</svg>
</a>
</li>
</div>
</ul>
</div>
<div class="content-1">
<h1 class="heading-primary">Evolve</h1>
<div class="blog">
<div class="blog__overview">
<div class="blog__detail-container">
<h3 class="heading-tertiary">Year</h3>
<p class="blog__details">2020</p>
</div>
<div class="blog__detail-container">
<h3 class="heading-tertiary">Size</h3>
<p class="blog__details">2732 x 2048 pixels</p>
</div>
<div class="blog__detail-container">
<h3 class="heading-tertiary">Medium</h3>
<p class="blog__details">Digital Sketch</p>
</div>
</div>
<div class="blog__content">
<h2 class="heading-secondary">Description</h2>
<p class="blog__text">As I sit within the welcoming rays of the winter sun next to my grandmother, she tells me the story of her family attempting to find shelter during the anti-Sikh (a religious sect in India) riots in India, one that caused the death of more than 2,000 Sikhs.
</p>
<br>
<p class="blog__text">“We did not feel the sun for days, buried underground.”, she tells me.</p>
<br>
<p class="blog__text">My artwork imagines the solace she must’ve felt, when finally free of the dangers that lie outside. The monochromatic checks and crosses symbolize the remnants of riots, but the human figure stands in solace still. Letting the welcoming rays reach her soul.</p>
<!-- <br>
<p class="blog__text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium qui expedita vitae ab voluptas ipsum tempore beatae unde error cum? Ipsam eaque illum consectetur, facere accusantium nesciunt sint tempora fugiat?</p> -->
</div>
</div>
<div class="blog-images">
<img src="img/Digital Sketch.jpeg" alt="Cradle" class="blog-images__img">
<!-- <img src="img/sea blog 2.jpg" alt="sea pic" class="blog-images__img">
<img src="img/sea blog 3.jpg" alt="sea pic" class="blog-images__img"> -->
</div>
</div>
<!-- <footer class="footer">
<h4 class="footer__head">DISCLAIMER</h4>
<p class="footer__text">This is a dummy portfolio, only meant for academic purposes. This will not be used for any production based activities. This website is not meant to harm the copyrights of any person.</p>
<p class="footer__text">Shoutout to all those who did see the whole website. Congratulations, you have survived the worst!</p>
</footer>
<div class="loader-wrapper">
<figure class="loader-wrapper__loader">
<img src="img/loading animation.svg" alt="loader" class="loader-wrapper__animation">
<figcaption class="loader-wrapper__text">Please Wait, Loading</figcaption>
</figure>
</div> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/app 2.js"></script>
</body>
</html>