-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (115 loc) · 5.84 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head> <!-- ===( CODE AASHU )=== -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<title>CODE AASHU : Responsive Photography Website Design</title>
</head>
<body>
<main>
<header>
<nav>
<a href="#landing"><strong>sight of aashu.</strong></a>
<a href="#about" style="margin-left: auto;">About</a>
<a href="#project">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<div class="container">
<section class="landing" id="landing">
<div class="landing-text">
<h4>aashu.</h4>
<h2>Discover the World Through My Sight</h2>
<p>Welcome to sight of aashu, where photography meets artistry.
Join me on a visual journey as I freeze moments in time,
capturing the beauty and emotions that make each image unforgettable.</p>
<a href="https://github.com/codeaashu" class="btn btn-1">Projects</a>
<a href="https://www.linkedin.com/in/ashutoshkumaraashu/" class="btn btn-2">LinkedIn</a>
</div>
<div class="landing-img">
<img src="images\landing.png" alt="">
</div>
</section>
<section class="about" id="about">
<div class="heading bar">About</div>
<div class="about-container">
<div class="about-img">
<img src="images/about.jpg" alt="">
</div>
<div class="about-text">
<h2>Hello, I'm aashu</h2>
<p>An experienced photographer passionate about capturing moments and transforming them into timeless art.
With a keen eye for detail and a love for storytelling,
I aim to create images that evoke emotions and reveal the beauty in everyday life.
Join me on this visual journey as we explore the power of photography together.
Let's capture the stories, emotions, and extraordinary moments that make life truly remarkable.</p>
<a href="" class="btn btn-1">Resume</a>
</div>
</div>
</section>
<section class="project" id="project">
<div class="heading bar">Projects</div>
<div class="card">
<div class="card-text">
<div class="heading">Nature's Symphony</div>
<p>Immerse yourself in the breathtaking beauty of nature through this collection of stunning landscape photographs</p>
<a href="" class="btn btn-3">View Project</a>
</div>
<div class="card-img">
<img src="images/project-1.jpg" alt="">
</div>
</div>
<div class="card reverse">
<div class="card-text">
<div class="heading">Nature's Symphony</div>
<p>Immerse yourself in the breathtaking beauty of nature through this collection of stunning landscape photographs.</p>
<a href="" class="btn btn-3">View Project</a>
</div>
<div class="card-img">
<img src="images/project-2.jpg" alt="">
</div>
</div>
<div class="card">
<div class="card-text">
<div class="heading">Wanderlust Chronicles</div>
<p>Embark on a visual journey to exotic destinations and let these travel photographs awaken your wanderlust.</p>
<a href="" class="btn btn-3">View Project</a>
</div>
<div class="card-img">
<img src="images/project-3.jpg" alt="">
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="heading bar">Contact</div>
<form>
<div class="f-control">
<label>Name</label>
<input type="text">
</div>
<div class="f-control">
<label>Email</label>
<input type="email">
</div>
<div class="f-control">
<label>Message</label>
<textarea></textarea>
</div>
<button type="submit" class="btn btn-1">Send</button>
</form>
</section>
</div>
<footer>
<div class="social-media">
<a href="https://www.youtube.com/@codeaashu"><i class="fab fa-youtube"></i></a>
<a href=""><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/ashutoshkumaraashu/"><i class="fab fa-linkedin"></i></a>
<a href=""><i class="fas fa-envelope"></i></a>
</div>
<p>© sight of aashu 2023</p>
</footer>
</main>
</body>
</html>