├── g.jpg ├── h.webp ├── vr.jpg ├── logo.png ├── Reality.png ├── Virtual.jpeg ├── images.jpg ├── background.png ├── logo-facebook.jpg ├── vr-removebg.png ├── asty.css ├── about.html ├── home.html └── home.css /g.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/g.jpg -------------------------------------------------------------------------------- /h.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/h.webp -------------------------------------------------------------------------------- /vr.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/vr.jpg -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/logo.png -------------------------------------------------------------------------------- /Reality.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/Reality.png -------------------------------------------------------------------------------- /Virtual.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/Virtual.jpeg -------------------------------------------------------------------------------- /images.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/images.jpg -------------------------------------------------------------------------------- /background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/background.png -------------------------------------------------------------------------------- /logo-facebook.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/logo-facebook.jpg -------------------------------------------------------------------------------- /vr-removebg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shivaguru-06/CodSoft-Landing-Page/HEAD/vr-removebg.png -------------------------------------------------------------------------------- /asty.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background-image: url('g.jpg'); 3 | background-repeat: no-repeat; 4 | background-size: cover; 5 | text-align: center; 6 | } 7 | p{ 8 | font-size: 30px; 9 | font-weight: bolder; 10 | font-family: 'sans-serif'; 11 | color: antiquewhite; 12 | } 13 | h1{ 14 | font-weight: bolder; 15 | color: lawngreen; 16 | font-size: 70px; 17 | } 18 | button{ 19 | background: black; 20 | padding: 10px 18px; 21 | text-decoration: none; 22 | font-weight: bold; 23 | color:#fff 24 | dispay:inline-block; 25 | margin:30px o; 26 | border-radius: 5px; 27 | } -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | about 4 | 5 | 6 | 7 |

About

8 |

We're passionate about pushing the boundaries of immersive storytelling. 9 |
Our team of talented creators and developers are dedicated to crafting unforgettable virtual reality experiences. With a focus on innovation and quality, we strive to transport you to extraordinary worlds and ignite your imagination. 10 |
Our mission is to create VR content that not only entertains but also inspires and connects people on a deeper level. 11 |
We specialize in creating high-quality VR content and experiences tailored to your needs. Whether you’re looking for a thrilling gaming adventure, an engaging educational module, or a unique way to showcase your business, we have the expertise to bring your vision to reality.

12 | 15 | 16 | -------------------------------------------------------------------------------- /home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | VR landing page 4 | 5 | 6 | 7 |
8 | 11 | 17 |
18 |
19 | 20 |
21 | 26 |
27 | 28 |
29 |

VR WORLD

30 |
31 | 34 | 37 |
38 |

Discover a realm of breathtaking visuals, captivating narratives, and interactive experiences. 39 |
From thrilling adventures to mind-bending simulations, our VR content transports you beyond imagination. 40 |
Unleash your sense of wonder as you explore the limitless possibilities of virtual reality.

41 |
42 |
43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /home.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googlepls.com/css2?family=Montserrat:wght@500;800&display=swap") 2 | , 3 | ::before 4 | 5 | ::after{ 6 | box-sizing: border-box; 7 | padding: 0; 8 | margin: 0; 9 | } 10 | 11 | body{ 12 | height: 100vh; 13 | width: 100%; 14 | position: relative; 15 | overflow: hidden; 16 | font-family: 'Montaerrat,sans-serif'; 17 | background: #171115; 18 | color:#fff; 19 | background-image: url('background.png'); 20 | background-size: cover; 21 | background-size: no-repeat; 22 | 23 | 24 | } 25 | 26 | body::before{ 27 | content: ''; 28 | position: absolute; 29 | left: 0; 30 | right: 0; 31 | bottom: 0; 32 | top: 0; 33 | } 34 | 35 | header{ 36 | position: fixed; 37 | top: 0; 38 | width: 100%; 39 | padding-top: 1rem; 40 | display: flex; 41 | align-items: center; 42 | justify-content: space-between; 43 | z-index: 1; 44 | f 45 | } 46 | header img{ 47 | width: 90%; 48 | height: 90%; 49 | } 50 | header nav{ 51 | display:flex; 52 | gap: .4rem; 53 | justify-content: space-between; 54 | align-items: center; 55 | } 56 | header nav a{ 57 | text-decoration: none; 58 | color: inherit; 59 | font-size: .9rem; 60 | text-transform: capitalize; 61 | border-radius: 100vw; 62 | padding: .4rem 1rem; 63 | transition: .3s ease; 64 | font-family: 'Courier New', Courier, monospace; 65 | font-size: large; 66 | } 67 | header nav a:hover ,.q1{ 68 | background: #2302c1; 69 | } 70 | 71 | .main{ 72 | position:absolute; 73 | bottom:0%; 74 | right:-20em; 75 | width: 62%; 76 | 77 | } 78 | .socialicon{ 79 | display: flex; 80 | flex-direction: column; 81 | gap: 1rem; 82 | } 83 | .socialicon ion-icon{ 84 | background: #fff; 85 | color:#2302c1; 86 | padding: .3rem; 87 | font-size: 1.2rem; 88 | border-radius: 50%; 89 | cursor: pointer; 90 | transition: .3s ease; 91 | } 92 | .socialicon ion-icon:hover{ 93 | background: red; 94 | color:#fff 95 | } 96 | section{ 97 | position: absolute; 98 | inset: 0; 99 | display: flex; 100 | align-items: center; 101 | } 102 | section .content{ 103 | padding-left: 10%; 104 | } 105 | section .content h1{ 106 | font-size: 5rem; 107 | text-transform: uppercase; 108 | position: relative; 109 | } 110 | 111 | 112 | .buttonholder button{ 113 | background: black; 114 | padding: 10px 18px; 115 | text-decoration: none; 116 | font-weight: bold; 117 | color:#fff 118 | dispay:inline-block; 119 | margin:30px o; 120 | border-radius: 5px; 121 | 122 | } 123 | .buttonholder button:hover{ 124 | background: orangered; 125 | } 126 | section .content p{ 127 | font-size: 20px; 128 | width: 70%; 129 | font-family: 'Times New Roman', Times, serif; 130 | 131 | } --------------------------------------------------------------------------------