personalwebsite/index.html at main · rayeesrather99/personalwebsite · GitHub

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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!-- Programmed by Rayees Rather  -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="title" content="Rayees Rather - Base">
    <meta name="description" content="Website of Rayees Rather. Gamer, Coder & Editor. Subscribe YouTube, Follow Instagram & Twitter, Join Discord Server. Thank You <3">
    <meta name="keywords" content="Tryhard Boi, Gaming, Coding, Programming, Editing, Video Editing, Photo Editing, Minecraft, Roblox, Valorant, League Of Legends, PUBG, BGMI, YouTube, Instagram, Twitter, Discord, Server, Subscribe, Follow, India">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="English">
    <meta name="author" content="Rayees Rather">
    <meta property="og:image" content="favicon.ico">
    <meta property="github:url" content="https://rayeesrather99.github.io/mycv/">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">

    <title>Rayees Rather - Website</title>

    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="favicon.ico?v=2" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
     <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>

<body>

    <!-- Cursor Tracker Code Starts -->
        <!--<div class="cursor" id="cursor"></div>
        <script type="text/javascript">
            var cursor = document.getElementById('cursor');
            document.addEventListener('mousemove' , function(e){
                var x = e.clientX;
                var y = e.clientY
                cursor.style.left = x + "px";
                cursor.style.top = y + "px";
            });
        </script> -->
        <!-- Cursor Tracker Code Ends -->

    <div class="scroll-up-btn">
        <i class="fas fa-angle-up"></i>
    </div>
    <nav class="navbar">
        <div class="max-width">
            <div class="logo"><a href="#">Rayees<span>Rather.</span></a></div>
            <ul class="menu">
                <li><a href="#home" class="menu-btn">Home</a></li>
                <li><a href="#about" class="menu-btn">About</a></li>
                <li><a href="#projects" class="menu-btn">Projects</a></li>
                <li><a href="#links" class="menu-btn">Links</a></li>
            </ul>
            <div class="menu-btn">
                <i class="fas fa-bars"></i>
            </div>
        </div>
    </nav>

    <!-- home section start -->
    <section class="home" id="home">
        <div class="max-width">
            <div class="home-content">
                <div class="text-1">
                    <font color="aqua">
                        <h4>Yooo! My name is,</h4>
                    </font>
                </div>
                <div class="text-2">Rayees Rather</div>
                <div class="text-3">And I'm a <span class="typing"></span></div>
            </div>
        </div>
    </section>

    <!-- about section start -->
    <section class="about" id="about">
        <div class="max-width">
            <h2 class="title">About Me</h2>
            <div class="about-content">
                <div class="coloumn left">
                    <img src="images/profile.jpg" alt="">
                </div>
                <div class="column right">
                    <div class="text">I'm Rayees Rather and I'm a <span class="typing-2"></span></div>
                    <p>Heya! Wassup guys? It's Me, Rayees Rather, a 23 year old guy who is currently a learner and Exploring Programming on its own. I live in Tangmarg, Kashmir. I'm a Handsome Individual (yeah, engagedS), also, I love nasheeds :) and yeah, I like playing football, cricket. Eh... anything more to tell? Yeah. I don't think I have more intro to give... okay bye!S <i
                            class="fas fa-heart"></i></p>
                </div>
            </div>
        </div>
    </section>

    <center><hr></center>

    <!-- hobbies section start -->
    <section class="services" id="projects">
        <div class="max-width">
            <h2 class="title">My projects</h2>
            <div class="serv-content">
                <div class="card">
                    <div class="box">
                        <i class='fas fa-cat' style='font-size:60px'></i>
                        <div class="text"> <a href="http://yourcat1.co/"><font color="#fff">Your<span style="color: red;">Cat</span></font></a> </div>
                        <p>Meet new and interesting cats nearby and get Simple, affordable price plans for your cat..!</p>
                    </div>
                </div>
                <div class="card">
                    <div class="box">
                        <i class='fas fa-code' style='font-size:60px'></i>
                        <!-- <i class="fas fa-code"></i> -->
                        <div class="text"><a href="https://rayeesrather99.github.io/First-CSS-CV/"><font color ="#fff">Port<span style="color: red;">folio</span></font></a></div>
                        <p>This is my first simple and basic Portfolio made with html and css only, i hope you will enjoy it !</p>
                    </div>
                </div>
                <div class="card">
                    <div class="box">
                        <i class='fas fa-drum' style='font-size:64px;'></i>
                        <div class="text"><a href="https://rayeesrather99.github.io/Drum-Kit/"><font color ="#fff">Drum<span style="color: red;">kit</span></font></a></div>
                        <p>A simple Drum kit where you can plays different sounds by tapping on different buttons!</p>
                                <!-- <font color="red">ProductCard</font>
                            , I know video & photo editing. Gameplay,Typing & More!</p> -->
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>

    <!-- skills section start -->
     <!-- <section class="links" id="links">
        <div class="max-width">
            <h2 class="title">Media Links</h2>
        </div>
    </section>  -->

    <center><hr></center>

    <!-- links section start -->
    <section class="projects" id="links">
        <div class="max-width">
            <h2 class="title">Media Links</h2>
            <div class="carousel owl-carousel">
                <a href="https://www.youtube.com/watch?v=km8b2dYZec0" target="_blank">
                    <div class="card">
                        <div class="box">
                            <img src="images/logoyoutube.png" alt="">
                            <div class="text">YouTube</div>
                            <p>Rayees Rather</p>
                        </div>
                    </div>
                </a>
                <a href="https://www.Instagram.com/rayeesrather786" target="_blank">
                    <div class="card">
                        <div class="box">
                            <img src="images/logoinstagram.png" alt="">
                            <div class="text">Instagram</div>
                            <p>@rayeesrather786</p>
                        </div>
                    </div>
                </a>
                <a href="https://twitter.com/RayeesRather15" target="_blank">
                    <div class="card">
                        <div class="box">
                            <img src="images/logotwitter.png" alt="">
                            <div class="text">Twitter</div>
                            <p>@RayeesRather15</p>
                        </div>
                    </div>
                </a>
                <a href="https://discord.gg/W3USpaCPvh" target="_blank">
                    <div class="card">
                        <div class="box">
                            <img src="images/logodiscord.png" alt="">
                            <div class="text">Discord Server</div>
                            <p>Developer's Server</p>
                        </div>
                    </div>
                </a>
                <a href="https://github.com/rayeesrather99" target="_blank">
                    <div class="card">
                        <div class="box">
                            <img src="images/logogithub.png" alt="">
                            <div class="text">Github</div>
                            <p>rayeesrather99</p>
                        </div>
                    </div>
                </a>
                <a href="https://www.linkedin.com/in/rayees-rather-a82937240" target="_blank">
                    <div class="card">
                        <div class="box">
                            <img src="images/logolinkedin.png" alt="">
                            <div class="text">LinkedIn</div>
                            <p>Rayees Rather</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </section>


    <center><hr></center>

    <!-- footer section start -->
    <footer>
        <span><strong>Created By <a href="#">Rayees Rather</a> | <span class="far fa-copyright"></span>
                2022 - 2030 All rights reserved.</strong></span>
    </footer>

    <script src="script.js"></script>

    <!-- typed javascript -->

    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

    <script>
        var typed = new Typed ( " .typing " ,{
        strings : [ " Programmer. " , " FieryTypist. " , " Web-designer. ", "Freelancer " ] ,
        typeSpeed : 130 ,
        backSpeed : 120 ,
        loop : true
    } )
       </script>
       <script>
        var typed = new Typed ( " .typing-2 " ,{
        strings : [ " Programmer. " , " FieryTypist. " , " Web-designer. ", "Freelancer " ] ,
        typeSpeed : 130 ,
        backSpeed : 120 ,
        loop : true
    } )
       </script>
       <script>

       </script>

</body>

</html>