whmcsSeaFile/clientside.tpl

<style type="text/css">
{literal}
	.seafile_label {
		margin-right: 10px;
		text-align: center;
		width: 160px;
		display: block;
		background-color: #46A546;
		color: #ffffff;
		padding: 1px 4px 2px;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		vertical-align: middle;
		white-space: nowrap;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
{/literal}
</style>
<div class="page-header">
    <div class="styled_title" align='left'><h1>{$stitle}</h1> </div>
</div>
 <table width="100%" cellspacing="0" cellpadding="0" class="frame">
    <tr>
      <td><table width="100%" border="0" cellpadding="10" cellspacing="0" class="table table-striped table-framed">
	  <tr><td align='left'>{$surl}</td>
	    <td align="left"><a href="{$url}" target="_blank">{$url}</a><br />Diese URL so bei der Einrichtung der Clients angeben.</td>
	  </tr>
	  <tr>
	    <td align='left'>{$suser}</td><td align="left">{$user}</td>
	  </tr>
	  <tr>
	    <td align='left'>{$sclients}</td>
		<td>
		    <table width="100%" border="0" cellpadding="10" cellspacing="0" class="table table-striped table-framed">
			<tr>
			    <td>
				<h5>Windows Drive Client</h5><br />
				<small>Zugriff auf die Dateien über <br />
				ein eingebundenes Netzlaufwerk<br /></small>
				<br />
				<a href="{$drivewin}" target="_blank"><img src="modules/servers/seafile/seadrive-win.png" /><a/> 
			    </td>
			    <td>
				<h5>Windows Client</h5><br />
				<small>Zugriff auf die Dateien via <br />
				Desktop Applikation<br /></small>
				<br />
				<a href="{$winclient}" target="_blank"><img src="modules/servers/seafile/windows.png" /><a/> 
			    </td>
			</tr>
			<tr>
			    <td>
				<h5>Apple Drive Client</h5><br />
				<small>Zugriff auf die Dateien über eine<br />
				im Finder eingebunene Freigabe<br /></small>
				<br />

	    			<a href="{$drivemac}" target="_blank"><img src="modules/servers/seafile/apple.png" /><a/> 
	    		    </td>
	    		    <td>
	    		    	<h5>Apple Client</h5><br />
	    		    	<small>Zugriff auf die Dateien via <br />
				Desktop Applikation<br /></small>
				<br />
	    			<a href="{$macclient}" target="_blank"><img src="modules/servers/seafile/apple.png" /><a/> 
	    		    </td>
	    		</tr>
	    		<tr>
	    		    <td colspan="2">
	    			<h5>Linux Client</h5><br />
	    			<small>Der Linux Client jeweils über das Packet-Management der jeweiligen Distribution installieren<br />
	    			Eine detailierte Installationsanleitung findet sich <a href="https://download.seafile.com/published/seafile-user-manual/syncing_client/install_linux_client.md" target="_blank">hier</a><br />
	    			</small>
	    			<br />
	    			<a href="{$linClient}" target="_blank"><img src="modules/servers/seafile/linux.png" /></a>
			    </td>
			</tr>
	    		<tr>
	    		    <td>
	    			<h5>IOS App</h5><br />
	    			<small>APP für das iPhone <br /></small>
				<br />
				<a href="{$mobile1}" target="_blank"><img src="modules/servers/seafile/apple_store.png" /><a/> 
			    </td>
			    <td>
	    			<h5>Android App</h5><br />
	    			<small>APP für die Android Phones<br /></small>
				<br />
	    			<a href="{$mobile2}" target="_blank"><img src="modules/servers/seafile/google_play.png" /><a/>
	    		    </td>
	    		</tr>
	    	    </table>
		</td>
	  </tr>
     </table>
</td></tr></table>