4sh.github.io/index.html at master · alexandreGUY/4sh.github.io · 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
---
layout: default
title: // Accueil
menu: accueil
---

<div id="slideshow">
    <div id="slides">
        <div class="slides_container">
            <a href="savoir_faire.html" title="Savoir faire"><img src="img/slide1.png" width="852" height="320" border="0" alt="Slide 1"></a>
            <a href="services.html" title="Services"><img src="img/slide2.png" width="852" height="320" border="0" alt="Slide 2"></a>
            <a href="contact.html" title="Contact"><img src="img/slide3.png" width="852" height="320" border="0" alt="Slide 3"></a>
            <a href="references.html" title="References"><img src="img/slide4.png" width="852" height="320" border="0" alt="Slide 4"></a>
        </div>
        <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" border="0" alt="Arrow Prev"></a>
        <a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" border="0" alt="Arrow Next"></a>
    </div>
</div>

<hr/>

<div id="news-twitter" class="small-bloc">
    <div class="small-content">
        <img src="img/twitter_4sh.png" width="51" height="64" alt="Icône Twitter" id="bird-twitter">
        <h2 class="small-bloc-title">News depuis Twitter</h2>

        <div id="twitter-ticker">
            <a class="twitter-timeline"  href="https://twitter.com/4sh_france"  data-widget-id="356806843458285568">Tweets de @4sh_france</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </div>

    </div>
    <div class="small-bottom">&nbsp;</div>
</div>

<div id="customers-accounts" class="small-bloc">
    <div class="small-content">
        <h2 class="small-bloc-title-red">Relevons vos défis</h2>
        <p class="text-defis">La connaissance des challenges spécifiques aux éditeurs, permet à 4SH de vous proposer des solutions adaptées visant à améliorer vos produits, vos gammes et vos organisations.</p>
        <ul class="list-defis">
            <li>Faire évoluer l’ergonomie de votre produit</li>
            <li>Basculer votre produit en mode SaaS</li>
            <li> Migrer ou accompagner l’évolution technologique de votre gamme</li>
        </ul>
        <a href="savoir_faire.html" title="Savoir Faire"><img src="img/relevonsdefis.png" title="Relevons vos défis" style="float: right; margin-right: 12px;"></a>
    </div>
    <div class="small-bottom">&nbsp;</div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/lib/slides.min.jquery.js"></script>
<script>
    $(function(){
        $('#slides').slides({
            preload: true,
            preloadImage: 'img/loading_slideshow.gif',
            play: 7000,
            pause: 10000,
            effect: 'fade',
            hoverPause: true
        });
    });
</script>