-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
107 lines (100 loc) · 5.24 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
<html>
<head>
<title>Pyxle News</title>
<meta name="description" content="Feeding your tech news addiction.">
<link rel="stylesheet" href="./style.css">
<link rel="shortcut icon" href="./logo.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<link rel="stylesheet" href="./main.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="./main.js"></script>
</head>
<body>
<header class="header" id="header">
<nav class="nav container">
<a href="#" class="nav__logo"> Pyxle News </a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item">
<a href="index.html" class="nav__link">Home</a>
</li>
<li class="nav__item">
<a href="index.html#about" class="nav__link">About us</a>
</li>
<li class="nav__item">
<a href="./latest.html" class="nav__link">Latest News</a>
</li>
<li class="nav__item">
<a href="mailto:[email protected]" class="nav__link">Contact us</a>
</li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle" onclick="myFunction()">
<i class='bx bx-grid-alt'></i>
</div>
<a href="./signup.html" class="button button__header">Sign Up</a>
</nav>
</header>
<section class="">
<div class="container px-6 py-16 mx-auto text-center md:py-20 xl:py-28">
<div class="max-w-lg mx-auto md:max-w-2xl xl:max-w-3xl">
<h1 class="text-4xl font-bold text-slate-900 dark:text-white md:text-5xl xl:text-6xl">The latest tech news,
right to your inbox.</h1>
<p class="mt-6 xl:max-w-lg xl:mx-auto">Every Sunday, no spam, no nonsense.</p>
<div
class="w-full max-w-sm mx-auto mt-6 bg-transparent border rounded-global focus-within:border-blue-400 focus-within:ring focus-within:ring-blue-300 focus-within:ring-opacity-40 dark:border-gray-700 dark:focus-within:border-blue-300 xl:max-w-md xl:border-[0px]">
<form method="POST" id="my-form"
action="https://script.google.com/macros/s/AKfycbz96zHT8nitj9aO4_d42VVdvjkDcYGKQmtvahBjhx6-5sqy_yQryFiqAbOBkHhn9cIO_g/exec"
name="submit-to-google-sheet" class="bg-white rounded-xl flex flex-col md:flex-row"><input name="email"
type="email"
class="flex-1 h-10 px-4 py-2 m-1 placeholder-gray-400 bg-transparent border-none appearance-none focus:outline-none focus:placeholder-transparent focus:ring-0"
placeholder="Enter email " required><button type="submit" id="xlqaDn"
class="h-10 px-4 py-2 m-1 text-white transition-colors duration-200 transform bg-primary-500 rounded-global hover:bg-primary-300 focus:outline-none focus:bg-blue-400 xl:rounded-lg">Sign
Up</button>
</form>
</div>
</div>
</div>
</section>
<div>
<div style="text-align: center;" class="max-w-xl mb-10 md:mx-auto sm:text-center lg:max-w-2xl md:mb-12">
<h2
class="max-w-lg mb-6 font-sans text-3xl font-bold leading-none tracking-tight text-slate-900 dark:text-slate-100 sm:text-4xl md:mx-auto">
Meet The Team</h2>
<p class="md:text-lg">Hunters searching for the latest tech news. </p>
</div>
<div class="grid gap-10 row-gap-8 mx-auto sm:row-gap-10 lg:max-w-screen-lg sm:grid-cols-2 lg:grid-cols-3"
style="justify-content: center;">
<div class="flex"><img class="object-cover w-20 h-20 mr-4 rounded-full shadow bg-blue-100" alt="No alt"
src="https://framerusercontent.com/images/UFwvQbSD1JTPBPnuIJzUFm3u0.jpeg" />
<div class="flex flex-col justify-center">
<p class="text-lg font-bold text-slate-900 dark:text-slate-100">Muhammad Shah</p>
<p class="">Babyyoda777</p>
</div>
</div>
<div class="flex"><img class="object-cover w-20 h-20 mr-4 rounded-full shadow bg-blue-100" alt="No alt"
src="https://avatars.githubusercontent.com/u/75756744?v=4" />
<div class="flex flex-col justify-center">
<p class="text-lg font-bold text-slate-900 dark:text-slate-100">Rayan Nadeem</p>
<p class="">LittlRayray</p>
</div>
</div>
<div class="flex"><img class="object-cover w-20 h-20 mr-4 rounded-full shadow bg-blue-100" alt="No alt"
src="https://avatars.githubusercontent.com/u/30565442?v=4" />
<div class="flex flex-col justify-center">
<p class="text-lg font-bold text-slate-900 dark:text-slate-100">Joel Swedensky</p>
<p class="">lolgeny</p>
</div>
</div>
</div>
</div>
<!-- AlpineJS Library -->
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2974434450571560"
crossorigin="anonymous"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2974434450571560"
crossorigin="anonymous"></script>
</body>
</html>