-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (110 loc) · 6.35 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
<!DOCTYPE html>
<html>
<head>
<title> Prem Agarwal's </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<link rel="stylesheet" type="text/css" href="https://unpkg.com/[email protected]/dist/aos.css">
<link rel="stylesheet" type="text/css" href="style/main.css">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script type="text/javascript" src="script/main.js"> </script>
</head>
<body onclick="closemenu()">
<section id="top" class="top">
<div data-aos="fade-right" class="top1">
<h1> Prem A<span class="flick">g</span>arwal's </h1>
<p> <span> “ </span>Hey! I'm Prem. Welcome to this dreamy world! <span> " </span></p>
</div><!--
-->
<div class="top2">
<p data-aos="zoom-out" data-aos-delay="1000"> Realise your dreams...</p>
<p data-aos="fade-up-right" data-aos-delay="2000"> Do you want to see your dream website existing in real life? Users interacting to your website and your business is slightly growing due to your website? Don't miss the chance, book today for your dream website! </p>
</div>
</section>
<section class="menu">
<p> <img src="image/menu.jpg" onclick="openmenu(event)"> </i></p>
<div id="menu-child" onclick="event.stopPropagation()">
<div>
<ul>
<li> <a href="#top"> INTRO </a> </li>
<li> <a href="dev.html"> ABOUT </a> </li>
<li> <a href="feature.html"> FEATURES </a> </li>
<li> <a href="contact.html"> CONTACT </a> </li>
<li> <a href="#acc" onclick="openmenu()"> SOCIAL ACCOUNTS </a> </li>
</ul>
</div>
</div>
</section>
<div class="quote">
<p data-aos="flip-down"> Website promotes you <span class="flick">24×7</span>. No employee will do that for you. </p>
</div>
<div class="cont css">
<h3 data-aos="zoom-out-left">Pretty <span>CSS</span></h3>
<p data-aos="fade-right"> A good looking website attracts more viewer, otherwise it has only few views in very long-time intervals. Your website should look like that every visitor will <span>enjoy</span> reading your contents and not get bored. A pretty design boosts your visitor's number.</p>
</div>
<div class="quote">
<h3 data-aos="zoom-in-up"> Getting a quality website is not an <span class="flick">expense</span> but rather an investment.</h3>
</div>
<div id="hire">
<button class="hire"> <a href="https://wa.me/+917003236490?text=Hello%20Prem,%20I%20want%20to%20hire%20you..."> Hire me </a> </button>
</div>
<div class="cont cost">
<h3 data-aos="zoom-out-down"> Save <span>notes</span>, not coins. </h3>
<p data-aos="fade-left"> That's the whole point that you will pay for a better website at low cost. And, here's what you want. You will get a beautiful website at the price of a <span>potato</span> website.</p>
</div>
<div class="quote">
<h3 data-aos="fade-right"> Design is the intermediary between information and <span>understanding</span>.</h3>
</div>
<div id="contact" class="comment cont" data-aos="flip-left">
<form class="contact" onsubmit="shortsend()">
<h4> Quick send your <span>thought</span> </h4>
<fieldset>
<textarea id="say" placeholder="Type your Message Here...." tabindex="5" style="height: 200px" required></textarea>
</fieldset>
<fieldset>
<button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Send</button>
</fieldset>
</form>
</div>
<div class="quote">
<h3 data-aos="zoom-in-right"> Website without visitors is like a ship lost in the <span class="flick">horizon</span>.</h3>
</div>
<div data-aos="zoom-in-up" class="cont modern">
<h3> Design adds <span>value</span> to your piece of paper. </h3>
<p> Two things make a piece of paper, a cash. Right content and right design. A specific note has a specific content on it and a specific design. Your website should also be specific for your work, not just randomly written things. There should be something <span>hidden</span> in your website that attracts your type audiences.</p>
</div>
<div data-aos="zoom-out-down" class="quote">
<h3> Argument is cheap. <span>Judge</span> my work. </h3>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script type="text/javascript">jQuery(document).ready(function($){$(function() {AOS.init(); }); }); </script>
</body>
<footer>
<ul id="acc">
<li> <a href="https://www.facebook.com/prem.agarwal.98096721"> <i class="bx bxl-facebook"> </i> </a> </li>
<li> <a href="https://www.instagram.com/impremagarwal"> <i class="bx bxl-instagram"> </i> </a> </li>
<li> <a href="https://www.github.com/premagarwals"> <i class="bx bxl-github"> </i> </a> </li>
<li> <a href="https://www.linkedin.com/in/prem-agarwal-6a7b01220"> <i class="bx bxl-linkedin"> </i> </a> </li>
<li> <a href="https://mailto:[email protected]"> <i class="bx bxl-gmail"> </i> </a> </li>
</ul>
<section>
<div>
<h5> Pages </h5>
<a href="#" class="active"> home </a>
<a href="dev.html"> dev info </a>
<a href="feature.html"> features </a>
<a href="contact.html"> contact </a>
</div>
<div>
<h5> This Page </h5>
<a href="#hire"> hire me </a> </li>
<a href="#contact"> ask query </a> </li>
<a href="#" onclick="openmenu(event)"> menu </a> </li>
<a href="https://m.youtube.com/watch?v=dQw4w9WgXcQ"> don't <span class="flick">click</span> </a>
</div>
</section>
<section class="end">
<p> You are visiting premagarwals.github.io - Prem Agarwal's. Copyright 2022, all rights reserved. </p>
</section>
</footer>
</html>