-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutpage.html
174 lines (145 loc) · 6.32 KB
/
aboutpage.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
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tech News Page</title>
<link rel="stylesheet" href="https://use.typekit.net/kjf8squ.css">
<link rel="stylesheet" href="style.css">
</head>
<!-- settings and social media nav section starts here -->
<body>
<div class="first-nav-wrap">
<div class="container first-nav">
<ul class="settings-and-social-list">
<li><a href="#"><img src="img/twitterlogo.png" alt="twitter-icon"></a></li>
<li><a href="#"><img src="img/linkedinlogo.png" alt="linkedin-icon"></a></li>
<li><a href="#">English</a></li>
<li><a href="#">My page</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
</div>
<!-- settings and social media nav section ends here -->
<!-- main header section starts here -->
<header class="container main-header-container flex">
<div>
<a href="index.html"><img class="logo" src="img/singlelogo.png" alt="logo" /></a>
</div>
<!-- main header section ends here -->
<!-- mobile nav list starts here -->
<nav>
<button class="mobile-hamburger-menu" aria-controls="main-header-navigation" aria-expanded="false"></button>
<ul id="main-header-navigation" data-visible="false" class="main-header-navigation flex">
<li class="active"><a id="" href="index.html">Home</a></li>
<li><a href="aboutpage.html">About</a></li>
<li><a class="nav-list-content" href="index.html#tech-topics">Tech topics</a></li>
<li><a class="nav-list-content" href="index.html#contributors">Top Contributors</a></li>
</ul>
</nav>
</header>
<!-- mobile nav list ends here -->
<!-- about section starts here -->
<main>
<section id="about-section">
<div class="container">
<div class="about-hero-container">
<div>
<div class="hero-headline-title">
<h1 class="hero-headline-title text-accent-400 ">READ MORE ABOUT DIV <br>NEWS RIGHT HERE </h1>
</div>
<div class="about-text">
<p>Div News is rated the number one news source for all things tech related,<br> Founded by our top contributors in 1995 we stand as the longest running news source for the tech industry.
We are proud of the ever growing numbers. as well as our rapidly growing contributors. Have something tech related to share? find out how you too can become a top contributor, by contributing informstion via our news lead intake system, simply send an email with the tech related topic you'd like to contribute to
</p>
</div>
<p>please contact us by Email for any further questions or to join our contributors
</p>
<div class="email-container">
<a class="email" href="mailto:name@email.com">contributor@divnews.com</a>
</div>
</div>
</div>
</div>
</section>
<!-- about section ends here -->
<!-- collaborations section starts here -->
<section id="collaborations">
<div class="container">
<div>
<h2 class="title fs-700 text-neutral-900 fw-bold">Lets collaborate</h2>
<div class="indicator"></div>
</div>
<div class="collaborations-container">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti vitae labore expedita?<br> Aliquam consectetur assumenda laborum ullam accusantium. Aliquid voluptatum in consequatur. Delectus maxime labore,<br> numquam voluptate fuga soluta aliquam.</p>
</div>
<div >
<img class="divnewsaboutlogo" src="img/divnewsaboutlogo.png" alt="divnewsaboutlogo">
</div>
</div>
</div>
</section>
<!-- collaborations section ends here -->
<!-- past collaborators section starts here -->
<section>
<div class="container">
<div class="past-collaborators">
<h2 class="title fs-700 text-neutral-900 fw-bold">These are our past collaborators</h2>
<div class="indicator"></div>
<p>Join our wall of collaborators</p>
</div>
<div class="past-collaborators-container">
<div class="past-collab-section">
<img class="collabimage" src="img/about_2013.png" alt="pastcollabsone">
</div>
<div class="past-collab-section">
<img class="collabimage"src="img/about_2011.png" alt="pastcollabstwo">
</div>
</div>
</div>
</section>
<!-- past collaborators section ends here -->
<!-- main sponsors section starts here -->
<section id="main-sponsors-section">
<div id="main-sponsors">
<div class="container">
<div>
<h2 class="title fs-700 text-accent-100: #F8F8F8; fw-semi-bold">Main Sponsors</h2>
<div class="indicator"></div>
</div>
<div class="about-sponsors-icon-container">
<ul class="sponsors-logo-list" aria-label="sponsors logo">
<li><img src="img/box-logo.svg" alt="sponsors-logo"></li>
<li><img src="img/eventbrite.svg"alt="sponsors-logo"></li>
<li><img src="img/nasdaq.svg"alt="sponsors-logo"></li>
<li><img src="img/netapp.svg"alt="sponsors-logo"></li>
<li><img src="img/tcstata.svg"alt="sponsors-logo"></li>
</ul>
</div>
</div>
</div>
</section>
</main>
<!-- main sponsors section ends here -->
<!-- about footer section starts here -->
<footer class="about-footer-container" >
<div class="container">
<div class="footer-container">
<div class="newslogo">
<a href="#"><img src="img/singlelogo.png" alt="logo"></a>
</div>
<div>
<p>Copyright 2022. All Rights Reserved</p>
<div class="lorem">
<p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Architecto<br> at inventore maxime vel qui, commodi et! Eveniet dolorem saepe consectetur.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="menu-nav.js"></script>
<!-- about footer section ends here -->
</body>
</html>