-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (143 loc) · 6.14 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
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
169
170
171
<!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="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.min.css" integrity="sha512-/VYneElp5u4puMaIp/4ibGxlTd2MV3kuUIroR3NSQjS2h9XKQNebRQiyyoQKeiGE9mRdjSCIZf9pb7AVJ8DhCg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<title>SNAX_07 | Personal Portfolio</title>
</head>
<body>
<nav>
<div class="logo">
<img src="logo.png">
</div>
<ul class="social-link">
<li class="link"><a href="">Home </a></li>
<li class="link"><a href="#plan" style="scroll-behavior: smooth;" >Plan </a></li>
<li class="link"><a href="#fea" style="scroll-behavior: smooth;" >Features</a></li>
<li class="link"><a href="#foo" style="scroll-behavior: smooth;" >Contact</a></li>
</ul>
<button class="btn">Hire me</button>
</nav>
<!--This is the about section-->
<div class="about">
<div class="info">
<p>Build your website like a pro with me.</p>
<h1>I'm <span>SNAX</span>, The Web Devloper</h1>
<p>You can also learn to build webpages as you want like me. You want tutorial , here you are welcome free tutorials are availabel on my page just follow it. Explore my projects just click next button. </p>
<button onclick="project()" class="btn2" >Explore more</button>
</div>
<div class="man">
<img src="man.png" >
</div>
</div>
<!--This is the feature section-->
<h2 id="fea" >OUR FEATURES</h2>
<div class="wrap">
<div class="fea">
<h3>Front End</h3>
<span><i class="ri-html5-line"></i></span>
<p>
Hey, I'm Snax if you have any type of query in web content of front end ,Here I'm. We can fix your front end doubt.
</p>
<button class="btn3" >Explore</button>
</div>
<div class="fea">
<h3>Fix Your Bug</h3>
<span><i class="ri-bug-2-line"></i></span>
<p>
If you have any type of bug , feel free to say. We can solve bug by making communication with eachother and We will fix it.
</p>
<button class="btn3" >Explore</button>
</div>
<div class="fea">
<h3>
Tutorials
</h3>
<span><i class="ri-computer-line"></i></span>
<p>Here are the free html | css | js tutorials for free without any subscription , Go and maxup your coding skills.</p>
<button class="btn3" >Explore</button>
</div>
<div class="fea">
<h3>Collabrate</h3>
<span><i class="ri-shake-hands-line"></i></span>
<p>
Hey, I'm Snax if you have any type of query in web content of front end ,Here I'm. We can fix your front end doubt.
</p>
<button onclick="sendMail()" class="btn3" >Explore</button>
</div>
</div>
<!--This the pricing section for plan-->
<h2 id="plan" >PRICING OF PLANS</h2>
<section class="container">
<div class="plan">
<h3>Free</h3>
<h2 class="plan-h2" >0 <i class="ri-money-dollar-circle-line"></i></h2>
<p><i class="ri-checkbox-circle-line"></i> Free Source Code </p>
<p><i class="ri-checkbox-circle-line"></i> Free tutorial</p>
<div class="btn-p1">
<button><a href="" >Subscribe</a></button>
</div>
</div>
<div class="plan">
<h3>Gold Plan</h3>
<h2 class="plan-h2">10 <i class="ri-money-dollar-circle-line"></i></h2>
<p><i class="ri-checkbox-circle-line"></i> Free tutorial</p>
<p><i class="ri-checkbox-circle-line"></i> Premium classes</p>
<p><i class="ri-checkbox-circle-line"></i> Free Source Code </p>
<div class="btn-p2">
<button><a href="" >Subscribe</a></button>
</div>
</div>
<div class="plan">
<h3>Diamond Plan</h3>
<h2 class="plan-h2" >100 <i class="ri-money-dollar-circle-line"></i></h2>
<p></p>
<p><i class="ri-checkbox-circle-line"></i> Free tutorial</p>
<p><i class="ri-checkbox-circle-line"></i> Free Source Code </p>
<p><i class="ri-checkbox-circle-line"></i> Premium classes</p>
<p><i class="ri-checkbox-circle-line"></i> Personal Coaching</p>
<p><i class="ri-checkbox-circle-line"></i> Hand Written Notes </p>
<div class="btn-p3">
<button><a href="" >Subscribe</a></button>
</div>
</div>
</section>
<!--This is the footer section-->
<footer id="foo" class="foot">
<div class="col">
<img src="logo.png" >
<div class="social">
<span class="i"><i class="ri-linkedin-fill"></i></span>
<span class="i"><a href="https://github.com/snax-07/"><i class="ri-github-line"></i></a></span>
<span class="i"><a href="https://instagram.com/swapnil_nade708?igshid=YzAwZjE1ZTI0Zg=="><i class="ri-instagram-line"></i></a></span>
<span class="i"><a href="https://wa.me/9373111257"><i class="ri-whatsapp-line"></i></a></span>
</div>
</div>
<div class="col">
<h4>Contact us</h4>
<p><a href="privacy-policy.txt">Privacy policy</a></p>
<p><a href="">Help</a></p>
<p><a href="contact.html">Enquiry</a></p>
</div>
</footer>
<div class="copy">
<p><i class="ri-copyright-line"></i> 2023 , All Rights Reserved.Contact for any query.</p>
</div>
<script>
function sendMail() {
var link = "mailto: [email protected]"
+ "&subject=" + encodeURIComponent("Want to collaborate.")
+ "&body="
window.location.href = link;
}
</script>
<script type="text/javascript">
function project() {
window.location.href = "https://www.youtube.com/@snax-07"
}
</script>
</body>
</html>