simplesite/index.html at main · ajalapraise/simplesite · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Affordable and Professional Web designs">
    <meta name="keywords" content="web design, affordable web design, Professional web design">
    <meta name="author" content="Tomiisin Sola">
    <title>SimpleSite.com</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header id="cont1">
        <div id="branding">
            <h1><span class="highlight">SimpleSite</span></h1>
        </div>
        <div id="nav">
            <ul>
                <li><a href="#">Try it for free</a></li>
                <li><a href="#">Customer Service</a></li>
                <li><a href="#">Features</a></li>
                <li><a href="#">Themes</a></li>
            </ul>
        </div>
        <button type="submit"id="login">LOG IN</button>
        <img src="img/globe.png" alt="globe">
        <h3 id="english">English</h3>
        <br>
        <div id="cont2">
            <p>Create your website in <span> three simple steps</span></p>
            <p id="p2">- 30-day free trial! -</p>
            <button type="submit"class="button_1">Start Here</button>
        </div>
    </header>

    <section id="themes">
        <div class="themes1">
            <h2>THEMES</h2>
            <p>Pick a theme that fits the kind of website YOU want to make. We’ve made sure there are plenty of beautiful templates to choose from. Really, there’s something for everyone! Each template can be completely customized, so let your imagination run free.</p>
        </div>
        <div class="slidershow middle">
            <div class="slide">
                <img src="img/1.png" class="slider-image" alt="1">
            </div>
            <div class="slide">
                <img src="img/2.png" class="slider-image" alt="2">
            </div>
            <div class="slide">
                <img src="img/3.png" class="slider-image" alt="3">
            </div>
                <img src="img/4.png" class="slider-image" alt="4">
            </div>
            <div class="slide">
                <img src="img/5.png" class="slider-image" alt="5">
            </div>
            <div class="slide">
                <img src="img/6.png" class="slider-image" alt="6">
            </div>
            <div class="slide">
                <img src="img/7.png" class="slider-image" alt="7">
            </div>
            <div class="slide">
                <img src="img/8.png" class="slider-image" alt="8">
            </div>
            <div class="slide">
                <img src="img/9.png" class="slider-image" alt="9">
            </div>
            <div class="slide">
                <img src="img/10.png" class="slider-image" alt="10">
            </div>
            <div class="slide">
                <img src="img/11.png" class="slider-image" alt="11">
            </div>
            <div class="slide">
                <img src="img/12.png" class="slider-image" alt="12">
            </div>
        </div>
    </section>

    <section id="wss">
        <h2>WHY SIMPLESITE</h2>
        <div class="container3">
            <div id="wss1">
                <img src="img/image section 2.png" alt="image section 2">
            </div>
            <br>
            <div id="wss2">
                <p>At SimpleSite we believe it's important to offer people of all technological levels the ability to tap into the web's endless potential. Our solution isn't made for professional web developers; it’s made for anybody with a desire to have their own little corner of the internet. No designers, developers, or webmasters necessary.</p>
                <p> Best of all, you can have your own website online within minutes!</p>
                <p> Simply choose the type of website you'd like to have, customize its look with our guided design wizard, then fill in the information needed to make it yours. Make your own website today!</p>
                <button type="submit"class="button_1">Start Here</button>
            </div>

        </div>
    </section>

    <section id="mobileready">
        <div class="container4">
            <div id="mobile1">
                <h2><span> MOBILE READY </span></h2>
                <h2>EDIT ON-THE-GO</h2>
                <br>
                <p>What makes SimpleSite stand out is that we are the only website builder that fully supports <span>mobile-friendly editing</span>  in a mobile browser - no special app needed! This means you can view and edit your website on your smartphone.</p>
                <p>SimpleSite automatically gives you a website that looks stunning on both desktop and mobile. On top of that we also have a full mobile-optimized interface that gives you the freedom to access and edit everything on mobile devices. Edit the design and content of your website from the comfort of your couch or on the go - it’s all possible with SimpleSite’s mobile website editor.</p>
                <button type="submit"id="button_2">Start Here</button>
            </div>
            <div id="mobile2">
                <img src="img/mockups mobile.png" alt="mockups mobile">
            </div>
        </div>
    </section>

    <section id="features">
        <h1>FEATURES</h1>
        <h4>Check out all the great features that are included on your website. SimpleSite provides everything you need to create a beautiful and professional website.</h4>
        <br>
        <div class="container5">
            <div class="box">
                <img src="img/all devices.png" alt="all devices">
                <h3>Mobile-optimized</h3>
                <p>All SimpleSite websites are 100% mobile-friendly, ensuring your website visitors have a great mobile experience when they visit your website.</p>
            </div>
            <div class="box">
                <img src="img/design.png" alt="design">
                <h3>Stunning themes</h3>
                <p>A SimpleSite website lets you choose between unique designs. Choose between our themes or go with a ready-made design.</p>
            </div>
            <div class="box">
                <img src="img/guided.png" alt="guided">
                <h3>Guided Step by Step</h3>
                <p>We will guide you every step of the way, empowering you to grow your business online. Whether you want to open a restaurant, or start a daycare, we have the resources for you!</p>
            </div>
            <div class="box">
                <img src="img/customer service.png" alt="customer service">
                <h3>Customer support</h3>
                <p>Our customer service is ready to help you when you have questions. You can also check out our frequently asked questions in our customer service section.</p>
            </div>
        </div>
        <div>
            <button type="submit"id="button_3">Start Here</button>
        </div>

    </section>

    <footer>
        <div class="footer">
            <div class="foot">
                <h3>SIMPLESITE</h3>
                <p>Our user experience ideals run through every vein of our company. Our ideals are not to attain perfection, but rather to attain pleasure. Using our product should feel enjoyable - like playing a game - it should be easy, exciting and uplifting. Something to try and subsequently to learn from. This is the same experience our employees have working for us.</p>
            </div>
            <div>
                <img src="img/fb.png" alt="facebook">
                <img src="img/youtube.png" alt="youtube">
                <img src="img/twitter.png" alt="twitter">
                <img src="img/linkedin.png" alt="linkedin">
            </div>
        </div>
        <div class="footer">
            <h3>COMPANY</h3>
            <ul>
                <li>Features</li>
                <li>Themes</li>
                <li>Gift Cards</li>
                <li>pricing</li>
            </ul>
        </div>
        <div class="footer">
            <h3>PRODUCT</h3>
            <ul>
                <li>Terms of use</li>
                <li>Privacy Policy</li>
                <li>Cookie Policy</li>
            </ul>
        </div>
        <div class="footer">
            <h3>COMMUNITY</h3>
            <ul>
                <li>Customer service</li>
                <li>FAQ</li>
            </ul>
        </div>
        <br>
        <br>
    </footer>
</body>
</html>